swiper
滑块视图容器。一般用于左右滑动或上下滑动,比如banner轮播图,注意是滑动切换而不是滚动。swiper下的每个swiper-item是一个滑动切换区域,不能停留在2个滑动区域之间。
基本语法:
<swiper>
<swiper-item>
<view class="swiper-item">1</view>
</swiper-item>
<swiper-item>
<view class="swiper-item">2</view>
</swiper-item>
<swiper-item>
<view class="swiper-item">3</view>
</swiper-item>
</swiper>
这里要注意了,height:150px是uniapp默认给swiper赋值的,这样当我们自己想要的高度和默认的swiper不同时,就会发生错乱,如上图,我想要的swiper高度只有深蓝色那么些高度,但是在下面浅蓝色的位置却任然能控制swiper的滑动。为了避免错乱,我们需要给uni-swiper设置样式。
1.indicator-dots
是否显示面板指示点 类型:Boolean
2.indicator-color
指示点颜色
3.indicator-active-color
当前选中的指示点颜色
先不写了 觉得没意思