收藏
回答

swiper swiper-item中添加过大图片图片失真

<swiper indicator-dots="{{indicatorDots}}" cvertical="true" autoplay="{{autoplay}}" interval="{{interval}}"

duration="{{duration}}">

<swiper-item>

   <image src="{{pageModels[0].bgUrl}}" class="bg {{isIphoneX?'fix-iphonex-button':''}}"></image>

</swiper-item>

<swiper >


这样图片全屏后在iphonex手机上文字被拉伸了

最后一次编辑于  2018-12-29  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 微盟
    微盟
    2018-12-29

    您好,可以尝试以下的方式

    <swiper-item>

    <view  style='background:url({{pageModels[0].bgUrl}}) no-repeat;background-size:cover;width:100%;height:100%;background-position:center center;'></view>

    </swiper-item>


    2018-12-29
    赞同
    回复