查看: 1603|回复: 3
打印 上一主题 下一主题

vue中静态轮播样式有问题

[复制链接]

该用户从未签到

1

主题

3

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2019-3-27 11:19:52 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
在原声js上效果正常,在vue中swiper-wrapper的宽度大于swiper-slide,导致页面样式有问题


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

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

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

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

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

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

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

D2C}CNRK7P0QU2NFQSY_T~J.png
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2019-3-27 11:41
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    4

    帖子

    11

    积分

    新手上路

    Rank: 1

    积分
    11
    沙发
    发表于 2019-3-27 11:44:24 | 只看该作者
    过来学习下
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    3

    帖子

    5

    积分

    新手上路

    Rank: 1

    积分
    5
    板凳
     楼主| 发表于 2019-3-27 13:26:13 | 只看该作者

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

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-22 13:04 , Processed in 0.063576 second(s), 33 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表