swiper display-multiple-items设置多个显示, dot显示多个问题
本人小白,初次写小程序,百度也没找到好的办法,有的说是改变后台数据结构,有的是自定义dot。其实解决办法很简单,只是想复杂了。
(上图我是在微信开发社区看到的,我懒得截图,如果有问题我删除)
其实可以不用 “display-multiple-items”这个标签
<swiper class="community row20" indicator-dots="true">
<swiper-item class="swiper-items" wx:for="{{commumityList}}" wx:key="*this">
<image wx:if="{{item.Imgs}}" src="{{item.Imgs}}" mode="aspectFill" class="dis" />
</swiper-item>
</swiper>
.swiper-items {
width: 50%!important;
padding: 0 10rpx;
box-sizing: border-box;
}
其实解决办法就是,swiper-item标签宽度强制设置50%就好了,其实解决的方法有很多,看个人想法,哈哈