在vue-cli中使用swiper实现匀速无缝滚动
效果图
1.安装vue-awesome-swiper
2.全局安装,(因为我项目中使用较多,就直接全局安装了)
3.页面代码
4.配置
5.样式(踩坑点)
但是一直会有停顿效果,查看浏览器样式,发现设置的.swiper-wrapper的transition-timing-function:liner;根本就没有,均速跑马灯效果没实现,开始查文档,发现
又操作了降低swiper版本,还是没有效果
就很突然的把<style lang="less" scoped>标签上的scoped去掉了,结果正常了
原因未知,但总算是解决了
网友评论