Swiper中文论坛

标题: vue中静态轮播样式有问题 [打印本页]

作者: swip网友 时间: 2019-3-27 11:19
标题: vue中静态轮播样式有问题
在原声js上效果正常，在vue中swiper-wrapper的宽度大于swiper-slide，导致页面样式有问题

CCJ5F@1IFZ]TR6RYT3YZZ7S.png (42.61 KB, 下载次数: 201)

设置了宽度高度都一直，被swiper重置掉

J)A1D@[M{_F9ZM2CB2`}H(T.png (127.15 KB, 下载次数: 224)

swiper-slide宽度不一样，导致样式有问题

D2C}CNRK7P0QU2NFQSY_T~J.png (41.59 KB, 下载次数: 219)

作者: LeafLz 时间: 2019-3-27 11:44

过来学习下

作者: swip网友 时间: 2019-3-27 13:26

LeafLz 发表于 2019-3-27 11:44
过来学习下

我在mounted() {
setTimeout(function(){
let myswiper = new Swiper('.banner',{
direction: 'horizontal', // 水平切换选项
autoplay:true,
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.ban-pag',
},
})
},100)
}
}设置了定时器，然后效果就出来了

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)