微信小程序轮播组件

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

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

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注达叔小生的简书！

这是一个有质量，有态度的博客

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

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注达叔小生的简书！

这是一个有质量，有态度的博客

微信小程序轮播组件

原文：https://www.cnblogs.com/dashucoding/p/11443190.html