收藏
回答

小程序swiper图片不显示?

小程序swiper第一张图片之后的图片不显示,图片是存在的就是不显示

第一张图片正常

之后的图片不显示

代码片段

<swiper class="swiperindicator-dots="{{indicatorDots}}current="0autoplay="{{autoplay}}interval="{{interval}}duration="{{duration}}circular="{{circular}}bindchange='onSlideChangeEndindicatorColor="{{indicatorColor}}indicatorActiveColor="{{indicatorActiveColor}}">

        <block wx:for="{{goods.pictures}}wx:key="pic">

          <swiper-item>

            <image class='coverImgmode="aspectFitsrc='{{item.pictureUrl}}bindtap='showBigImg'></image>

          </swiper-item>

        </block>

      </swiper>

图片路径

https://global.ctsbusmall.com/gzl/upload/u/s_10436/site/s_10436_0581.jpg

https://global.ctsbusmall.com/gzl/upload/u/s_10436/site/s_10436_0582.jpg

...

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

3 个回答

  • 啊萍
    啊萍
    2021-06-23

    你试一下给swiper,跟img都加上宽高。 一定要有宽度。

    <swiper style="width:750rpx;height:324rpx;indicator-dots="{{indicatorDots}}autoplay="{{autoplay}}interval="{{interval}}duration="{{duration}}">

        <block wx:for="{{background}}wx:key="i">

          <swiper-item>

            <image src="{{siteurl}}{{item.img}}style="width:750rpx;height:324rpx;"></image>

          </swiper-item>

        </block>

      </swiper>

    2021-06-23
    有用 2
    回复
  • 子游
    子游
    2020-09-29

    请问这个问题怎么解决的,谢谢

    2020-09-29
    有用
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-03

    都换成第一张试试

    2020-07-03
    有用
    回复 12
    • X.Q
      X.Q
      2020-07-03
      单个图片没问题的
      2020-07-03
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2020-07-03回复X.Q
      我的意思是说
      2020-07-03
      回复
    • 殿春
      殿春
      2020-07-03回复X.Q
      测试第二张图片放第一是否显示,第一张图片放后面是否显示,使用本地图片是否显示,单独使用image是否显示,重写一个swiper是否能显示
      2020-07-03
      回复
    • X.Q
      X.Q
      2020-07-03回复o0o有脾气的酸奶
      把这五张图片写成静态的网络链接是可以的
      2020-07-03
      回复
    • X.Q
      X.Q
      2020-07-03
      这个是什么原因呢
      2020-07-03
      回复
    查看更多(7)
登录 后发表内容
问题标签