swiper根据店铺切换图片不显示问题

发布于 6 年前作者 hetao19989 次浏览最后编辑 6 年前来自 ask

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

7 回复
gaochao
gaochao1 楼6 年前

swiper是循环播放的吗?

lizeng
lizeng2 楼6 年前

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

yan97
yan973 楼6 年前

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

qzhong
qzhong4 楼6 年前

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

alu
alu5 楼6 年前

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

yang71
yang716 楼6 年前

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

lijin
lijin7 楼4 年前

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