微信小程序--轮播图

chenxl2441

于 2019-10-23 15:25:29 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小游戏

本文链接：https://blog.csdn.net/chenxl2441/article/details/102702337

微信小游戏专栏收录该内容

2 篇文章

订阅专栏

<!--pages/index/index.wxml-->
<view>
      <swiper indicator-dots="true" indicator-color="green" indicator-active-color="deeppink" autoplay="true" interval="3000" duration="800">
        <block wx:for="{{swiperList}}" wx:key="unique">
          <swiper-item>
            <image src="{{item}}"></image>
          </swiper-item>
        </block>
      </swiper>
    </view>

// pages/index/index.js
data = {      
      swiperList:['../images/detail/carousel/01.jpg','../images/detail/carousel/02.jpg','../images/detail/carousel/03.jpg','../images/detail/carousel/04.jpg']
    }

// pages/index/index.css
swiper{
  width:100%;
  height:400rpx;
}
swiper image{
  width:100%;
  height:100%;
}