在使用纵向轮播做抢购信息时 发现必须给外层的swiper固定的高度 否则他会默认为210px 导致纵向轮播效果不好
.swiper-box {
min-width: 440rpx;
height: 110rpx;
letter-spacing: 2rpx;
position: absolute;
top: 140rpx;
left: 0;
}
<swiper :interval="3000" :duration="500" :circular="true" :skip-hidden-item-layout="true" easing-function="easeInCubic" v-if="VerticalSwiper&&VerticalSwiper.length>0" :autoplay="true" :vertical="true" class="swiper-box">
<swiper-item class="swiper-item" v-for="(item,index) of VerticalSwiper " :key="index">
<view class="swiper-income-box">
<view class="swiper-flex-avatar">
<view class="swiper-woman-icon">
<image class="imageWh" :src="item.userHeadUrl"></image>
</view>
<view class="swiper-avatar-text">{{item.nickName.substring(0,1)}}<text>**</text>参加了抢购</view>
</view>
</view>
</swiper-item>
</swiper>
记录自己的小粗心