< swiper class = "swiper" :next-margin = 'active !== 1?30:0' :duration = '500' :circular = 'true' @ change = "swiperChange" > |
只贴这一部分应该能理解。
这里目前写都还是静态页面。需求是非最后一页时右边能看到第二页都一部分内容,最后一页展示全部,所以设置了next-margin为30,当切换到最后一页时变成0。但是动画也会因此失效,变成瞬间切换,尝试设置动画时间和动画效果也没用。
当设置来circular为true,next-margin有数值时,最后一页当右边并不会出现第一页当一部分内容。如下图
请问楼主动画失效的问题解决了吗,我刚好也遇到这个问题,想问下是怎么解决的
https://developers.weixin.qq.com/community/develop/doc/000684a80280609f92596a95257000?_at=1592116859897
我的回复,供参考
语法错了啊
next-margin
='{{
active !== 1?30:0}}' 这样试试哥们 active 是一个根据轮播下标变化的变量吧
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
使用代码片段没法复现呀,next-margin给了固定值呀