微信小程序輪播組件

在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
  },
})

 

 

若本號內容有作得不到位的地方（好比：涉及版權或其餘問題），請及時聯繫咱們進行整改便可，會在第一時間進行處理。