[转]mpvue中的小程序调用系统自带查看图片的功能

mpvue中的小程序调用系统自带查看图片的功能

这里举个栗子：

    <template><div class="keting"><div class="centsimg dja"><swiper:current="curr"display-multiple-items="1"next-margin="0rpx"class="fl prossgg marbtn50"v-if="urls.length > 0"@change='onSlideChangeEnd'><block v-for="(item,ind) in urls" :key="ind+1"><swiper-item class="widssgg fl"><div class="dja" style="height:100%"><img  @click="previewImg(ind)" :src="item.img" :style="{'width':width || '750rpx','height':height || '420rpx'}" class="img" ></div><div class="fixbt"><span class="fl">{{curr+1}}/{{urls.length}}</span><span class="fr font28 dja closes"><i v-show="item.shoucan"><img src="/static/images/yishoucan.png" style="width:38rpx;height:38rpx;margin-right:5rpx;"/>收藏图片</i></span><span class="fr font28 dja"><i v-show="!item.shoucan"><img src="/static/images/weishoucan.png" style="width:38rpx;height:38rpx;margin-right:5rpx;"/>收藏图片</i></span></div></swiper-item></block></swiper></div></div></template>

js是这样写的：

    <script>export default {data() {return {curr:0,urls:[{shoucan:false,img:"http://mss.sankuai.com/v1/mss_51a7233366a4427fa6132a6ce72dbe54/newsPicture/05558951-de60-49fb-b674-dd906c8897a6"},{shoucan:true,img:"http://mss.sankuai.com/v1/mss_51a7233366a4427fa6132a6ce72dbe54/coursePicture/0fbcfdf7-0040-4692-8f84-78bb21f3395d",}]};},methods: {onSlideChangeEnd(e){this.curr=e.target.current;},previewImg(ind) {let that = this;that.curr=ind;//wx.previewImage的urls必须是数组的形式，所以用下面的方法先转换为数组var jsonText =new Array(that.urls[ind].img);console.log(jsonText);//最主要就是调用这个wx.previewImage({current: that.urls[ind].img,urls: jsonText});},},};</script>

---------------------
作者：做块泥
来源：CSDN
原文：https://blog.csdn.net/weixin_37787674/article/details/89674100
版权声明：本文为作者原创文章，转载请附上博文链接！
内容解析By：CSDN,CNBLOG博客文章一键转载插件

[转]mpvue中的小程序调用系统自带查看图片的功能相关推荐

微信小程序仿系统自带下拉刷新效果
微信小程序仿系统自带下拉刷新效果前言思路分析实现尾巴前言看到标题也许有人会说:系统不是已经自带了下拉刷新,你去仿照系统的下拉刷新是不是吃多了没事干?其实真相并不是这样的.在微信小程序手把手 ...
mpvue中使用小程序云开发总结
一.前言这两天在用踩坑了一下小程序云开发,用mpvue.vant组件库.wux组件库.小程序云开发开发了一款小程序.算是初试云开发了,所以总结一下使用上的注意事项. 二.开启云开发功能确保你的微信 ...
C语言小程序——调用系统应用
写在前面 C语言中有很多system功能函数,能够调用微软系统功能. 而system是一个C语言和C++下的函数,windows操作系统下system () 函数详解主要是在C语言中的应用,syste ...
微信小程序分销系统有哪些功能及优势？
一.微信小程序分销系统有哪些功能? 1.商品管理 2.订单管理 3.分销管理 4.财务管理 5.数据统计二.微信小程序分销系统为何如此火爆? 1.微信小程序分销系统拥有AP ...
建设小程序商城系统方式分享及优缺点分析
小程序商城系统凭借着其线上化.智能化.数字化的优势.受到了很多传统企业的青昧,很多传统企业开始建设电商小程序来开展业务,那么企业建设小程序商城系统平台的方式有哪些的呢?接下来就跟着商人宝小编一起来看看 ...
iOS程序中调用系统自带应用(短信，邮件，浏览器，地图，appstore，拨打电话,iTunes，iBooks )...
在网上找到了下在记录下来以后方便用在程序中调用系统自带的应用,比如我进入程序的时候,希望直接调用safar来打开一个网页,下面是一个简单的使用: 查看更多iPhone应用程序的调用和第三方应用程序的 ...
Node+GitLab实现小程序CI系统
为什么要实现自动部署小程序开发迭代里,有以下几个个头痛的问题, 如何准确并快速的的把小程序上传去后台,并让测试人员进行测试? 测试同事找开发要二维码,效率较低本地生成的二维码会出现携带本地代码.未 ...
PHP开发B2C商城微信小程序商城系统源码+数据库，轻量级前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP
项目介绍一款轻量级.高性能.前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城. 完整代 ...
基于mpvue的微信小程序全栈保姆式教程一
预览最终效果https://github.com/FFGF/XCDHBook/blob/master/static/XCDHBook.gif顺便推荐一个视频转gif的好工具https://ezgif. ...

[转]mpvue中的小程序调用系统自带查看图片的功能

[转]mpvue中的小程序调用系统自带查看图片的功能相关推荐

最新文章

热门文章