ios11的swiper 部分图片不显示
发布于 6 年前 作者 guiying69 19142 次浏览 来自 问答

    <swiper class=“w-100 pos-ab h-100” style=“z-index:99” wx:if="{{swiper}}" indicator-dots="{{swiper.dots}}" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" circular=“true”>

        <block wx:for="{{swiper.data}}" wx:key=“image”>

        <swiper-item>

            <navigator wx:if="{{item.url}}" url="{{item.url}}" open-type="{{item.openType}}">

                <image src="{{swiper.IMGROOT}}{{item.image}}" class=“w-100” mode=“widthFix” />

            </navigator>

            <view wx:if="{{!item.url}}">

                <image src="{{swiper.IMGROOT}}{{item.image}}" class=“w-100” mode=“widthFix” />

            </view>

        </swiper-item>

        </block>

    </swiper>

ios11以下的轮播图图片正常显示

ios11的轮播图图片部分显示不出来

    <swiper class=“w-100 pos-ab h-100” style=“z-index:99” wx:if="{{swiper}}" indicator-dots="{{swiper.dots}}" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" circular=“true”>

        <block wx:for="{{swiper.data}}" wx:key=“image”>

        <swiper-item>

            <navigator url="{{item.url}}" open-type="{{item.openType}}">

                <image src="{{swiper.IMGROOT}}{{item.image}}" class=“w-100” mode=“widthFix” />

            </navigator>

        </swiper-item>

        </block>

    </swiper>

ios11以下的轮播图图片正常显示

ios11的轮播图图片点击后报错,提示url不能为空报错后,图片就正常显示了

小程序——万家出行

5 回复

看的怎样了@nomore.胡豪俊 

我也遇到了用户反馈ios9 跟10,swiper内部的图片不显示,或者只显示一部分的情况,设置swiper的高度也无效。

根据官方提供的方案就可以了

我们看看

回到顶部