收藏
回答

swiper组件动态改变next-margin值时动画失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 工具 7.0.7 2.8.3
<swiper class="swiper" :next-margin='active !== 1?30:0' :duration='500' :circular='true' @change="swiperChange">

只贴这一部分应该能理解。

这里目前写都还是静态页面。需求是非最后一页时右边能看到第二页都一部分内容,最后一页展示全部,所以设置了next-margin为30,当切换到最后一页时变成0。但是动画也会因此失效,变成瞬间切换,尝试设置动画时间和动画效果也没用。

当设置来circular为true,next-margin有数值时,最后一页当右边并不会出现第一页当一部分内容。如下图


回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容
问题标签