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

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

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

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

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

    博客

  • 相关阅读:
    Redis篇
    MySql篇
    Tomcat篇
    JDK篇
    冒泡排序(算法源码)
    堆排序(源码)
    快速排序(递归及非递归算法源码)
    MongoDB 复制
    MongoDB appendix
    服务器端脚本
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932317.html
Copyright © 2011-2022 走看看