收藏
回答

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

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

回答关注问题邀请回答
收藏

7 个回答

  • LastLeaf
    LastLeaf
    2017-07-13

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

    2017-07-13
    有用 1
    回复
  • LastLeaf
    LastLeaf
    2017-07-13

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

    2017-07-13
    有用
    回复
  • 鲍红星
    鲍红星
    2017-07-13

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

    2017-07-13
    有用
    回复
  • 赵青山
    赵青山
    2017-07-13

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

    2017-07-13
    有用
    回复
  • 赵青山
    赵青山
    2017-07-13

    swiper是循环播放的吗?

    2017-07-13
    有用
    回复
  • 鲍红星
    鲍红星
    2017-07-13

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

    2017-07-13
    有用
    回复
  • 赵青山
    赵青山
    2017-07-13

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

    2017-07-13
    有用
    回复
登录 后发表内容