zoukankan      html  css  js  c++  java
  • 微信小程序轮播组件

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

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

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

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

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

    博客

  • 相关阅读:
    十一作业
    11.20
    11.13 第十二次、
    11.13 第十一次、
    11.06第十次、
    11.06第九次、
    10.30
    10.23
    10.16
    10.9
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932317.html
Copyright © 2011-2022 走看看