需要一组连续的图片.wxml 代码<view> <image wx:if=”{{i==1}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b3fa8e.jpg’/> <image wx:if=”{{i==2}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b406e8.jpg’/> <image wx:if=”{{i==3}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b412dd.jpg’/> <image wx:if=”{{i==4}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b41dc3.jpg’/> <image wx:if=”{{i==5}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b427fe.jpg’/> <image wx:if=”{{i==6}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b43236.jpg’/> <image wx:if=”{{i==7}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b43c61.jpg’/> <image wx:if=”{{i==8}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b4468f.jpg’/> <image wx:if=”{{i==9}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b45108.jpg’/> <image wx:if=”{{i==10}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b45b0d.jpg’/> <image wx:if=”{{i==11}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b46561.jpg’/> <image wx:if=”{{i==12}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b46fa6.jpg’/> <image wx:if=”{{i==13}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b479cf.jpg’/> <image wx:if=”{{i==14}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b483d3.jpg’/> <image wx:if=”{{i==15}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b48e18.jpg’/> <image wx:if=”{{i==16}}” class=’modelImg’ src=’http://body.youngor.com/body/Public/Upload/Virtual/2019-06-28/5d15de1b498bf.jpg’/></view>我在这使用定时器设置图片显示时间,可以设置左滑,右滑,点击 等等手势 timers: function (count) { var that = this; var j = 1; that.data.timer = setInterval(function () { count++; j = j % 16; j++; that.setData({ i: j }) }, 50) },效果
微信小程序帧动画,实现动画效果
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序帧动画,实现动画效果
相关推荐
数据恢复软件(二):用C++重写恢复B乐都县E企盈小程序MP位图文件的小程序
公众号再次改版高坪区E企盈小程序小程序又多了一个入口
微信小程序加载图片时,湘桥区E企盈小程序先拉长,再恢复正常
转:(很有用)有多个按钮,点击一个变色,点击另吴中区E企盈小程序一个变色,原来的恢复颜色的方法
第12课微信小程序Component构造器自道里区E企盈小程序定义组件:
导航中的南海区E企盈小程序小竖线总结
小程序:after实现德格县E企盈小程序1px纵向分割线
汉沽区E企盈小程序企业微信内测朋友圈和客户群功能:小程序C位出道!
小程序运行加载密山市E企盈小程序机制
小程通城县E企盈小程序序中间有字的分隔线
公众号和小程序可以同名了名称支持同主体复盘锦E企盈小程序用
微信小程序修改主潜江市E企盈小程序体信息
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务