栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 游戏开发 > Cocos2d-x

初学者笔记——微信小程序点击图片放大

Cocos2d-x 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

初学者笔记——微信小程序点击图片放大

微信小程序点击图片放大

wx.previewImage

官方文档的解释


PS:红色框框内要注意,需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件ID。 将图片dream.jpg上传到云储存:


得到File ID:
cloud://cloud1-7gpjmj1d017d7aae.636c-cloud1-7gpjmj1d017d7aae-1308864860/example/dream.jpg

直接上代码: bigimage.wxml:

img.js:
Page({
  data: {
    imgUrl: 'cloud://cloud1-7gpjmj1d017d7aae.636c-cloud1-7gpjmj1d017d7aae-1308864860/example/dream.jpg',
  },
  
  previewImage: function (e) {
    var imgUrl = this.data.imgUrl;
    wx.previewImage({
      urls: [imgUrl], // 需要预览的图片http链接列表
      current: '', // 当前显示图片的http链接
    })
  },
  
  onLoad: function (options) {
  },

  onReady: function () {
  },

  onShow: function () {
  },

  onHide: function () {
  },

  onUnload: function () {
  },

  onPullDownRefresh: function () {
  },

  onReachBottom: function () {
  },

  onShareAppMessage: function () {
  }
})
bigimage.wxss这里就不上了 上效果图

点击图片预览效果:

总结: 需要预览的图片连接列表只支持网络连接图片,2.2.3版本以上支持云文件 ID。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/951923.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号