手机型号

iPhone 6

运行系统

iOS 9.1

微信版本

7.0.3

基础库版本

2.6.6 [242]

样式错误

其他型号手机正常

<!–pages/userCenter/userCenter.wxml–>

<scroll-view>

<view class=‘user_center_view’>

<image class=“top_img” src=’/icon/user_center_bg.jpg’></image>

<button wx:if="{{boolean}}" class=“login-tap” open-type=“getUserInfo” bindgetuserinfo=“bindGetUserInfo”/>

<view class=‘head_view’>

<image wx:if="{{wx_rank == ‘1’}}"  class=‘headimg-view-img’ src=’/icon/headimg_ones.png’></image>

<image wx:if="{{wx_rank == ‘2’}}" class=‘headimg-view-img’ src=’/icon/headimg_one.png’></image>

<image wx:if="{{wx_rank == ‘3’}}" class=‘headimg-view-img’ src=’/icon/headimg_two.png’></image>

<image wx:if="{{wx_rank == ‘4’}}" class=‘headimg-view-img’ src=’/icon/headimg_three.png’></image>

<text class=‘name_text’>{{nickname}}</text>

<view class=‘progress_view’>

<image class=‘line_img’ src=’/icon/line.jpg’/>

<image class=‘lleve_one_img’ src="{{wx_rank == ‘2’ ? ‘/icon/lleve_ones.png’:’/icon/lleve_one.png’}}"/>

<image class=‘lleve_two_img’ src="{{wx_rank == ‘3’ ? ‘/icon/lleve_twos.png’:’/icon/lleve_two.png’}}"/>

<image class=‘lleve_three_img’ src="{{wx_rank == ‘4’ ? ‘/icon/lleve_threes.png’:’/icon/lleve_three.png’}}"/>

<text class="{{wx_rank == ‘2’ ? ‘lleve_one_txts’:‘lleve_one_txt’}}">我是店主</text>

<text class="{{wx_rank == ‘3’ ? ‘lleve_two_txts’:‘lleve_two_txt’}}">普通代理</text>

<text class="{{wx_rank == ‘4’ ?‘lleve_three_txts’:‘lleve_three_txt’}}">核心代理</text>

</view>

<text class=‘text’ catchtap=‘itemTap’ data-name=“查看特权”>累计进货{{all_total_money}}元，距离{{rank_name}}还差{{new_total_money}}元<text class=‘texts’>查看特权</text></text>

</view>

</view>

<view class=‘item_view’ wx:for="{{titleList}}" wx:for-index=“idx”>

<view class=‘order_list_view’ catchtap=‘itemTap’ data-name="{{titleList[idx]}}">

<text class=‘user_order’>{{titleList[idx]}}</text>

</view>

<view class=‘user_order_view’>

<view class=‘user_order_item’ wx:for="{{dataList[idx].name}}" wx:for-index=“idxs” catchtap=‘itemTap’ data-name="{{dataList[idx].name[idxs]}}">

<image class=“icon” src=’{{dataList[idx].img[idxs]}}’/>

<text class=‘user_orders’>{{dataList[idx].name[idxs]}}</text>

</view>

</view>

</view>

</scroll-view>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

/* pages/userCenter/userCenter.wxss */

.login-tap{

position: absolute;

width: 100%;

height: 100%;

border-radius: 0;

background: rgba(255, 255, 255, 0.01);

z-index: 9999

}

.login-tap::after{  

border: 0;  

}

.scroll-view {

height: 100%;

}

.user_center_view{

/* position: relative; */

display: flex;

flex-direction: column;

background: #ffffff;

}

.top_img{

height: 450rpx;

width: 100%;

}

.head_view{

position: absolute;

display: flex;

flex-direction: column;

width: 100%;

height: 100%;

align-content: center;

align-items: center;

}

.headimg-view-img{

width: 230rpx;

height: 180rpx;

margin-top: 30rpx;

}

.name_text{

margin-top: 15rpx;

font-size: 30rpx;

color: #c7b679;

background: #000;

border-radius: 40rpx;

padding: 10rpx 30rpx

}

.progress_view{

position: relative;

display: flex;

flex-direction: column;

align-content: center;

align-items: center;

width: 75%;

margin-top: 45rpx;

}

.line_img{

position: absolute;

width: 100%;

height: 3rpx

}

.lleve_one_img{

position: absolute;

width: 50rpx;

height: 50rpx;

left: -30rpx;

top: -30rpx

}

.lleve_two_img{

position: absolute;

width: 50rpx;

height: 50rpx;

top: -30rpx

}

.lleve_three_img{

position: absolute;

width: 50rpx;

height: 50rpx;

right: -30rpx;

top: -30rpx

}

.lleve_one_txt{

position: absolute;

left: -50rpx;

font-size: 22rpx;

color: #666666;

margin-top: 20rpx

}

.lleve_one_txts{

position: absolute;

left: -50rpx;

font-size: 22rpx;

color: #fff;

margin-top: 20rpx

}

.lleve_two_txt{

position: absolute;

font-size: 22rpx;

color: #666666;

margin-top: 20rpx

}

.lleve_two_txts{

position: absolute;

font-size: 22rpx;

color: #fff;

margin-top: 20rpx

}

.lleve_three_txt{

position: absolute;

right: -50rpx;

font-size: 22rpx;

color: #666666;

margin-top: 20rpx

}

.lleve_three_txts{

position: absolute;

right: -50rpx;

font-size: 22rpx;

color: #fff;

margin-top: 20rpx

}

.text{

font-size: 22rpx;

color: #d6d6d6;

margin-top: 70rpx;

}

.texts{

font-size: 22rpx;

color: #c7d679;

margin-top: 70rpx;

margin-left: 20rpx;

}

.item_view{

display: flex;

flex-direction: column;

width: 100%

}

.order_list_view{

display: flex;

flex-direction: column;

background: #fff;

}

.user_order{

font-size: 30rpx;

color: #000;

margin: 0 25rpx;

padding: 20rpx 0;

border-bottom: 1px solid #efefef;

}

.user_orders{

font-size: 26rpx;

color: #666;

margin: 0 25rpx;

padding: 10rpx 0 20rpx 0;

}

.user_order_view{

display: flex;

flex-flow: row wrap;

align-content: space-around;

width: 100%;

background: #fff;

margin-bottom: 20rpx;

}

.user_order_item{

display: flex;

flex-direction: column;

align-content: center;

align-items: center;

width: 25%;

background: #fff

}

.icon{

width:50rpx;

height:50rpx;

margin-top: 20rpx;

}

page{

background: #efefef

}