swiper根据店铺切换图片不显示问题
发布于 4 年前 作者 hetao 19746 次浏览 来自 问答

每个店铺配置不同的banner图,点击店铺替换相应的图片。当一个店铺配置2张图,切换到另一个配置一张图店铺时   图片不显示    查看了原因是 <swiper-item>动态添加的样式  transform: translate(-100%, 0%) translateZ(0px) 没有重置回来 ,改成transform: translate(0%, 0%) translateZ(0px) 就显示出来了    控件修改怎么弄     哪位大神遇到过相同的问题     请指教…

7 回复

swiper是循环播放的吗?

@赵子龙        swiper里的图片是根据店铺配置的,在店铺列表里点击一个店铺,swiper里就展示相应的图片,有一家店铺配置个两站图片,还有一家店铺配置了一张图!    这时点击选择配置两张图的店铺,swiper里图片正常显示,在点击选择另一个配置了一张图的店铺,  swiper里的图片不能正常显示

还是官方厉害,每次更新swiper数据的时候只要setData  当前swiper current的值为0就行了

@LastLeaf 明白你的意思,现在已经改好了!谢谢你的悉心指导~

比如现在有3张图,且current=2(指向第三张图)。如果通过setData将它变成2张图,此时current仍为2,但因为没有第三张图了,所以会展示空白。

减少图片数量时,current值也要跟着改(否则current可能指向一个不存在的项目)。

当一个店铺配置2张图,切换到另一个配置一张图店铺时   图片不显示,这句话看不懂

回到顶部