博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序点击图片全屏展示,并可以翻下一张图
阅读量:5069 次
发布时间:2019-06-12

本文共 500 字,大约阅读时间需要 1 分钟。

<view>

  <image src='{
{v.content}}' mode='aspectFit' bindtap="enlarge" data-list="{
{pictures}}" data-src="{
{v.content}}"></image>
</view> 
Page({
  data:{ },
 
  //图片点击事件
  enlarge: function (event) {
    var src = event.currentTarget.dataset.src;//获取data-src
    var imgList = event.currentTarget.dataset.list;//获取data-list
    //图片预览
    wx.previewImage({
      current: src, // 当前显示图片的http链接
      urls: imgList // 需要预览的图片http链接列表
    })
  },
 
 
})

转载于:https://www.cnblogs.com/gmsmile/p/10483822.html

你可能感兴趣的文章
看图软件推荐
查看>>
安全测试的一些漏洞和测试方法
查看>>
spring框架学习笔记(八)
查看>>
JS取得绝对路径
查看>>
排球积分程序(三)——模型类的设计
查看>>
python numpy sum函数用法
查看>>
Linux中的SELinux详解--16
查看>>
php变量什么情况下加大括号{}
查看>>
less入门
查看>>
如何实现手游app瘦身?
查看>>
linux程序设计---序
查看>>
【字符串入门专题1】hdu3613 【一个悲伤的exkmp】
查看>>
C# Linq获取两个List或数组的差集交集
查看>>
21.Longest Palindromic Substring(最长回文子串)
查看>>
HDU 4635 Strongly connected
查看>>
ASP.NET/C#获取文章中图片的地址
查看>>
Spring MVC 入门(二)
查看>>
Java处理多人同时读写文件的文件锁处理
查看>>
格式化输出数字和时间
查看>>
页面中公用的全选按钮,单选按钮组件的编写
查看>>