小程序-轮播图

廖松洋（Alina）

于 2021-09-23 09:42:41 发布

阅读量103

点赞数

分类专栏：小程序 css JavaScript 文章标签：小程序 html css

本文链接：https://blog.youkuaiyun.com/qq_33247427/article/details/120428532

版权

JavaScript 同时被 3 个专栏收录

13 篇文章

订阅专栏

小程序

8 篇文章

订阅专栏

css

8 篇文章

订阅专栏

<!-- 滑动轮播图 -->
<swiper class='swiper-img-view home-view' indicator-dots='{{indicatorDotsTrue}}' circular='true' interval="3000" duration="500 ">
  <block wx:for="{{images}}" wx:key>
    <swiper-item>
      <image src="{{item}}" data-index="{{index}}" catchtap="imgClick" class='swiper-img-view' mode='aspectFit' />
    </swiper-item>
  </block>
</swiper>


/* 滑动轮播图 */
.swiper-img-view {
  margin-bottom: 20rpx;
  margin-top: 20rpx;
  height: 284rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
}