收藏
回答

在ios系统(iphone5,5s和6)下样式swiper样式崩溃的问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug swiper 微信iOS客户端 iOS 6.6.6 1.9.98

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



唯独在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 个回答

  • 八分音符
    八分音符
    2018-09-13

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


    正常手机是这样的:



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



    2018-09-13
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-23

    在安卓机测试是否正常?

    2018-05-23
    有用
    回复 2
    • 🍉
      🍉
      2018-05-23
      安卓手机测试正常
      2018-05-23
      回复
    • 2019-04-03

      遇到同样的问题,我这边是ios10和ios9会出现,其他全部正常,ios11和ios12都正常,同求

      2019-04-03
      回复
  • 陈
    2018-05-23

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

    2018-05-23
    有用
    回复
登录 后发表内容