小程序使用swiper
文章描述：
小程序使用swiper制作banner效果
wxml
<!--banner-->
<view class="banner">
<swiper indicator-dots="true" indicator-color="rgba(255,255,255,0.5)" indicator-active-color="#fff" circular="ture" autoplay="true" interval="4000">
<swiper-item class="swiper"><image src="/images/banner1.jpg"></image></swiper-item>
<swiper-item class="swiper"><image src="/images/banner2.jpg"></image></swiper-item>
</swiper>
</view>indicator-dots 是否显示面板指示点
indicator-color 指示点颜色
indicator-active-color 当前选中的指示点颜色
wxss
.banner{ width: 100%; height: 500rpx;position: relative; }
.banner .swiper{ width: 100%; height: 100%; }
.banner .swiper image{ width: 100%; }
发布时间：2021/06/08
发表评论