html52.com
我爱小程序-开发者交流社区

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

问题模块
API和组件

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

网友回复

LastLeaf:

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

鲍红星:

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

赵子龙:

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

赵子龙:

swiper是循环播放的吗?

鲍红星:

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

赵子龙:

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

LastLeaf:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付