swiper swiper-item中添加过大图片图片失真
发布于 5 年前 作者 longli 6311 次浏览 来自 问答

<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手机上文字被拉伸了

1 回复

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

<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>

回到顶部