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

每个店铺配置不同的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张图，切换到另一个配置一张图店铺时   图片不显示,这句话看不懂

回到顶部