微信小程序之图片预览功能

阅读次数: 7,275

  • A+
所属分类:建站

直接上代码....

1、wxml部分

<view class='bang'>
<image class='kkk' wx:for='{{shuju_}}' wx:key='list' src='{{item}}' data-list='{{item}}' data-src="{{shuju_}}" mode="widthFix" bindtap="imgYu"></image>
</view>
2、js部分
//图片点击事件
imgYu: function (event) {
console.log(event)
var src = event.currentTarget.dataset.src;//获取data-src
var imgList = event.currentTarget.dataset.list;//获取data-list
//图片预览
wx.previewImage({
current: imgList, // 当前显示图片的http链接
urls: src // 需要预览的图片http链接列表
})
},
微信小程序之图片预览功能
微信小程序之图片预览功能

 

 

 

 

 

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: