因为banner图是动态创建的,在插件开始初始化时,文档流中没用图片,故没有创建相应宽度,通过调整js加载顺序,问题还是没有解决。最后找到swiper插件 api 有属性是可以根据内容变动,自动初始化插件的,添加observer:true后问题解决!
设计图上的banner控制面板较为靠上,查了一下,swiper并没有控制面板指示点的位置的方法,于是就在swiper隐藏原有的指示点,然后用div模拟一下