E企盈营销工具技术服务商 热线:4006-838-530

微信小程序banner轮播图

E企盈直播平台营销卖货系统

微信小程序轮播图实现       微信小程序的轮播图可以用官方给的swiper组件。          下图是官方给出的swiper属性,我截取了比较常用的一些属性。swiper使用    微信小程序的.wxml文件中 <swiper indicator-dots=”{{indicatorDots}}” autoplay=”{{autoplay}}” interval=”{{interval}}” duration=”{{duration}}” circular=”true”>          <block wx:for=”{{imageList}}” wx:key=”imageList.url” >         <swiper-item>             <image src=”{{item.url}}” class=”slide-image” />         </swiper-item>      </block> </swiper>    .js文件中          data: {    indicatorDots: true,    autoplay: true,    interval: 2000,    duration: 1000,    imageList:[       {“url”:”../../../static/image/1.jpg”},       { “url”: “../../../static/image/2.png” },       { “url”: “../../../static/image/3.jpg” },}  效果图如下:    微信小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序banner轮播图
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏