在ios系统(iphone5,5s和6)下样式swiper样式崩溃的问题
发布于 4 年前 作者 xiuying50 6131 次浏览 来自 问答

就是在其他手机上都没有问题都是这样显示的



唯独在iphone6手机上

显示出来是这样的



<!--技师列表-->

<view class="main-content bbe" wx:if="{{technicianArr.length}}">

<swiper class="technicia-swiper" autoplay='true' interval='3000' duration='500' circular='ture' display-multiple-items='3' skip-hidden-item-layout='true'>

<swiper-item wx:for="{{technicianArr}}" wx:key="{{item.id}}">

<navigator url="../technician/tecDetails?id={{item.id}}" hover-class="none">

<view class="technicia-view">

<image src="{{imgIp + item.imgUrl}}" class="technicia-image"/>

<view class="tc"><text class="little-text">{{item.name}}</text></view>

<view class="tc technicia-level">{{item.levelName}}</view>

<view class="tc">

<text  class="little-text" style='font-size:26rpx;'>赞 {{item.likeNumber}}</text>

</view>

</view>

</navigator>  

</swiper-item>

<swiper-item wx:if="{{technicianArr.length<2}}"></swiper-item>

<swiper-item wx:if="{{technicianArr.length<3}}"></swiper-item>

</swiper>

</view>

</view>


/*技师列表*/

.technicia-swiper{

width: 100%;

height: 320rpx;

}

.technicia-view{

width: 100%;

}

.technicia-image{

width: 80%;

margin: 5% 10%;

height: 180rpx;

border-radius: 50%;

}

.technicia-level{

color: grey;

text-align: center;

margin: 0 20%;

border: 2rpx solid #eee;

font-size:20rpx;

width: 60%;

border-radius: 50rpx;

}


求解

是兼容性问题还是我写的代码问题

或者说是iphone某个版本下的问题?????

完全找不到头绪

急急急急急

求各位大神解答

3 回复

在安卓机测试是否正常?

额, 官方这个问题就不解决了么?

正常手机是这样的:

但在iPhone5S和iPhone SE就变成这样了:

兄弟,你对于手机样式兼容是怎么做的

回到顶部