微信小程序翻页效果

最新推荐文章于 2024-09-05 22:57:39 发布

jimmychenj

最新推荐文章于 2024-09-05 22:57:39 发布

阅读量1.8w

点赞数 2

分类专栏：小程序文章标签：微信小程序 swiper 翻页 scrollview

本文链接：https://blog.csdn.net/cerastes/article/details/54944100

版权

小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

.wxml

<swiper indicator-dots="YES"
  autoplay="YES" interval="5000" duration="500" circular = "YES">
  <block wx:for="{{banner}}">
    <swiper-item>
      <image src="{{item.bannerimg}}" class="slide-image" width="100%" />
    </swiper-item>
  </block>
</swiper>

.js

Page({  
    data: {  
        banner: [],  
    },  
    onLoad: function () {  
        console.log('onLoad')  
        var that = this  
        that.setData({  
            banner: /***设置list数据***/,  
                });