首先,我被折磨了整整一个小时如下图,死活铺不满
我试图在给swiper添加高度,没用,百分比也没有,然后我发现当我写高度为300rpx时,出现的图片高度倒退为128了,所以我一怒之下写成3000rpx,就好了。
以下是wxml的代码:
<swiper class="swiper" autoplay circular indicator-dots indicator-active-color="#ff0" interval="3000" vertical>
<swiper-item>
<image src="utils/wedding/p1.jpg" mode="widthFix"></image>
</swiper-item>
<swiper-item>
<image src="utils/wedding/p2.jpg" mode="widthFix"></image>
</swiper-item>
<swiper-item>
<image src="utils/wedding/p3.jpg" mode="widthFix"></image>
</swiper-item>
<swiper-item>
<image src="utils/wedding/p4.jpg" mode="widthFix"></image>
</swiper-item>
<swiper-item>
<image src="utils/wedding/p5.jpg" mode="widthFix"></image>
</swiper-item>
<swiper-item>
<image src="utils/wedding/p6.jpg" mode="widthFix"></image>
</swiper-item>
</swiper>
以下是wxss的代码
swiper{
height:3000rpx;
}
以下就是效果图: