微信小程序轮播组件

在index.wxml中添加如下代码

<view>
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{imgUrl}}" wx:key="index">
            <swiper-item>
                <image src="{{item.url}}" class="slide-image" />
            </swiper-item>
        </block>
    </swiper>
</view>

在index.js中添加如下代码

Page({
  data: {
    imgUrl: [
      { url: "/images.png" },
      { url: "/images.png" },
      { url: "/images.png" },
    ],
    indicatorDots: false,
    autoplay: false,
    interval: 5000,
    duration: 1000
  },
})

 

 

若本号内容有作得不到位的地方（好比：涉及版权或其余问题），请及时联系咱们进行整改便可，会在第一时间进行处理。