小程序轮播图：点击放大长按保存。

1.在图片上面绑定点击事件，并把当前图片的http链接，需要预览的图片的http列表都传过去。

2.previewImage方法里直接写出来就可以

 // 轮播图点击放大保存previewImage: function (e) {var that = this;var current = e.target.dataset.src;var imgList = e.target.dataset.listconsole.log(123, e, imgList, current)//图片预览wx.previewImage({current: current, // 当前显示图片的http链接urls: imgList // 需要预览的图片http链接列表})},

小程序轮播图：点击放大长按保存。相关推荐

微信小程序图片放大预览效果的实现，轮播图点击放大预览
近期很多刚学习小程序的同学,想做哪种图片点击放大,然后可以左右滑动预览的效果.我也特意去研究下,发现直接用微信程序自己的api就可以很方便的实现.今天就来教大家如何实现小程序图片点击放大的效果. 老规 ...
五分钟掌握微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名类型默认值说明 autoplay Boole ...
微信小程序轮播中的current_微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名类型默认值说明 autoplay Boolean ...
微信小程序--轮播图
微信小程序轮播图的实现是利用了swiper组件(滑块视图容器). 主要参数如下: 属性名类型默认值说明 indicator-dots Boolean false 是否显示面板指示点 indica ...
微信小程序---轮播图
0. 微信小程序轮播图的实现 a. 是利用了swiper组件滑块视图容器 b. swiper的文档文档https://developers.weixin.qq.com/miniprogram/dev ...
微信小程序轮播图代码
微信小程序轮播图的代码如下: 首先,在小程序的 wxml 文件中,添加如下代码:  <swiper class="swiper" in ...
微信小程序轮播图高度与图片高度不匹配问题
微信小程序轮播图高度与图片高度不匹配问题在微信小程序项目中,为了美观给page设置了padding值,然后让轮播图里面的图片宽度为100%,高度widthFix自适应,出现了如下问题:指示器位置不对 ...
小程序轮播图实时更新
关于小程序轮播图实时更新不借助webSocket来实现,为你们提供以下思路博主就是这样搞得已经实现很好用 1. 关于轮播图后台肯定有维护页面也就是说和后端商量好,如果后台新增.修改.删除了某个轮播图 ...
小程序轮播图高度适配
小程序轮播图适配在开发小程序轮播图时,我遇到一下问题:小程序轮播图的导航栏总是不能放在正确的位置上,思考再三,我发现问题的原因是:当我们设置image的mode="widthFix&quo ...

小程序轮播图：点击放大长按保存。

小程序轮播图：点击放大长按保存。相关推荐

最新文章

热门文章