码迷,mamicode.com
首页 > 其他好文 > 详细

小程序-轮播图案例

时间:2018-03-14 14:51:01      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:auto   div   播放   page   log   swipe   indicator   ann   banner   

为了方便我以后项目的使用

技术分享图片

wxml:

autoplay="true"自动播放

circular="true"   采用协接滑动

indicator-dots="true"   显示圆点

indicator-color="#ff0000" 圆点颜色红色

indicator-active-color="#fff"   圆点激活白色

<swiper class=‘IMGbox‘ autoplay="true" circular="true"indicator-dots="true"indicator-color="#ff0000"indicator-active-color="#fff">
     <block wx:for="{{swiper}}" wx:key="{{swiper}}">
           <swiper-item>
                 <image src=‘../images/banner{{item.index}}.jpg‘></image>
           </swiper-item>
      </block>
</swiper>
 
js:
Page({
     data: {
         swiper: [ { index: 1 },{ index: 2 },{ index: 3 },{ index: 4 },{ index: 5 }]
      },
})
 

小程序-轮播图案例

标签:auto   div   播放   page   log   swipe   indicator   ann   banner   

原文地址:https://www.cnblogs.com/liuqingxia/p/8566681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!