三级全黄做爰电影_夫妻之间那些事_啊啊啊啊好爽视频_国产精品xxxx喷水欧美_色一情一乱一伦麻豆_国产精品美乳一区二区免费_亚洲综合av在线在线播放_人与禽伦性了_黄色软件色多多_av在线免费观看网址

如果做HTML前端開發(fā)的，實現(xiàn)點擊圖片放大的功能，這個可以使用彈出層即可實現(xiàn)，這樣是比較簡單，但是如果要加上切換上一張或下一張，就得寫JS代碼實現(xiàn)，當然也有很多插件會實現(xiàn)這種功能。

寫微信小程序開發(fā)時就比較簡單了，因為微信小程序有直接提供API功能實現(xiàn)，是使用wx.previewImage API功能，參數(shù)及使用方法，這里就不列出了，大家可以參考微信的開發(fā)文檔，但用在實際場景中還是可以列出的，因為微信并沒有寫出實例，所以有時候不在好消化吸收。

首先我們圖片列表需在當前JS頁定義圖片數(shù)組列表，代碼如下：

data: {

com_img_list:['https://yii.wztm.net/wx/images/tg.png','https://yii.wztm.net/wx/images/logobanner.png'],

  },

然后寫綁定函數(shù)功能showimg,代碼如下：

showimg:function(e){

    var that=this;

    var imglist=that.data.com_img_list;

    var index=e.currentTarget.dataset.index;

    wx.previewImage({

      current: imglist[index], // 當前顯示圖片的http鏈接

      urls: imglist // 需要預(yù)覽的圖片http鏈接列表

    })

  }

再在wxml文件中展示出來，并綁定點擊事件，代碼如下：

樣式wxss只需要對顯示部分定義就好，彈出部分不需要寫樣式文件。

最后效果圖展示：

點擊后彈出效果圖：

可以通過左右滑動進行圖片切換，這個是真的非常方便呢。