在swiper中设置后边距next-margin,并设置循环滚动circular时,
当swiper-item有两个以上时:
可以看到第一个item是可以衔接在最后个item后面,
但是当只有两个item时:
最后一块就完全空白展示了。
查阅了微信小程序的文档,发现有个snap-to-edge属性,
经测试,发现的确有效!
就想问问官方,能否在H5中适配snap-to-edge属性,或者有无第三方的插件实现这一效果的?
十分感谢!
<swiper class="swiper"
indicator-dots
:circular="true"
duration="500"
snap-to-edge="true"
:next-margin="'235rpx'">
<swiper-item v-for="(item, index) in ['red', 'yellow']">
<div class="item" :style="{ background: item }"></div>
</swiper-item>
</swiper>
0 个回复