swiper组件动态改变next-margin值时动画失效
发布于 7 年前 作者 xiulan47 2932 次浏览 来自 官方Issues
<swiper class="swiper" :next-margin='active !== 1?30:0' :duration='500' :circular='true' @change="swiperChange">

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

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

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

2 回复

语法错了啊next-margin=’{{active !== 1?30:0}}’ 这样试试哥们  active 是一个根据轮播下标变化的变量吧

你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

回到顶部