你的位置:首页 > 软件开发 > Java > 微信小程序:点击预览图片

微信小程序:点击预览图片

发布时间:2017-12-06 23:00:22
在开发微信小程序时,开发人员会参考着小程序api来开发小程序,但有的时候根据情况不同很容易出现bug,以下是我在开发小程序时出现的各种bug,在开发时有需要预览图片。1.1 <view class='detail_img'>2 <view ...

在开发微信小程序时,开发人员会参考着小程序api来开发小程序,但有的时候根据情况不同很容易出现bug,以下是我在开发小程序时出现的各种bug,在开发时有需要预览图片。

1.

1  <view class='detail_img'>2   <view class='view_img' wx:for="{{imglist}}" wx:for-item="image">3   <image src='/images/loading.gif' data-original='{{image}}' data-src='/images/loading.gif' data-original="{{image}}" bindtap="previewImage"></image>4   </view>5   <view style='clear:both;'></view>6  </view>

2.js

data: { imglist:['图片链接','图片链接','图片链接'] },/**  * 预览图片  */ previewImage: function (e) { var current = e.target.dataset.src; wx.previewImage({  current: current, // 当前显示图片的http链接  urls: this.data.imglist // 需要预览的图片http链接列表  }) } , 

 

原标题:微信小程序:点击预览图片

关键词:小程序

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。