silder组件在手机模式下频繁切换横竖屏有异常

来源:4-6 轮播图组件实现(下)

Rengar_fh

2018-07-24

黄老师,这个slider组件我用了之后有几个问题,第一个是,在您最新的master的代码中,window的resize事件里面用了一个setTimeout,我有点不太理解为什么要用setTimeout,然后我在单独实现slider组件时,频繁切换窗口大小会使得slider组件发生错误,错误表现是轮播的移动会超过轮播设置的最大宽度,然后后面就显示的一片空白,然后再循环到第一张图片,我实在看不出我的代码是哪里出了问题,如果您有时间可以帮我看看问题在哪里。

还一个问题是,我下载您的master代码,在频繁切换窗口大小时,slider组件的轮播有时候会在轮播到第一张图片的时候停止不动,下面的小圆点应该有一个是椭圆状,停止之后全是圆形的。

我上述切换窗口大小是用的是chrome浏览器的手机模式切换横竖屏的方式,主要是在轮播换图片的动画过程中进行切换,静止状态切换横竖屏基本没出现过问题。我自己的问题代码地址是https://gitee.com/peanut429/BScroll-question或者https://github.com/Peanut429/BScroll

写回答

1回答

ustbhuangyi

2018-07-24

可以参考一下 cube-ui 里标准的 slide 组件的实现:https://github.com/didi/cube-ui/blob/dev/src/components/slide/slide.vue 
应该没有你说的这个问题

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程