Commit c81abb3c authored by 黄媛媛's avatar 黄媛媛

修改样式

parent 9b636fa9
......@@ -85,7 +85,7 @@
</view>
</view>
<Text style='font-size: 12px;margin-top: 5px;'>{{sharedata.CustomModel.ReferrerName}}{{sharedata.UserInfo.SuperiorName}}</Text>
<Text style='font-size: 12px;margin-top: 5px;'>{{sharedata.CustomModel.ReferrerName}}{{sharedata.UserInfo.SuperiorName!=''&&sharedata.UserInfo.SuperiorName!=null?sharedata.UserInfo.SuperiorName:'总部'}}</Text>
<Text style='font-size: 12px;margin-top: 5px;' >等级:{{sharedata.UserInfo.GradeName}}</Text>
<Text style='font-size: 12px;margin-top: 5px;height:19px;' >{{sharedata.UserInfo.IsEnableFXGrade==1 && sharedata.UserInfo.IsVip==1?'会员日期:'+ sharedata.UserInfo.VipExpiryDate:''}}</Text>
......
......@@ -4,12 +4,18 @@
<view class="imgbg" v-if="level.Status== 1">
<view class="leve_box">
<text style="font-size: 18px;">等级名称:{{level.GradeInfo.GradeName}}</text>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 15px;">
<text>升级所需数量:{{level.GradeInfo.UpgradeNum}}</text>
<text>已达成数量:{{level.GradeInfo.MeetNum}}</text>
<view style="display: flex;flex-direction: row;align-items: center">
<text style="font-size: 18px;">{{level.GradeInfo.GradeName}}</text>
<view style="padding: 0 10px;background: rgba(55, 55, 55, 0.1);margin-left: 15px;height: 20px;border-radius: 10px;font-size: 11px;line-height: 20px;">
<text>下个等级</text>
</view>
</view>
<text style="font-size: 16px;margin-top: 15px;">升级所需下级等级:{{level.GradeInfo.UpgradeIdName}}</text>
<text style="margin-top: 5px;font-size: 13px;">自购返利:{{level.GradeInfo.CommissionRatio}}%</text>
<u-line-progress active-color="#2979ff" :striped-active="true" :percent="(level.GradeInfo.MeetNum/level.GradeInfo.UpgradeNum)*100"></u-line-progress>
<text style="margin-top: 5px;font-size: 13px;">{{level.GradeInfo.MeetNum}}/{{level.GradeInfo.UpgradeNum}}</text>
<view style="width: 100%;height: 1px;background: #F8F6F5;margin: 5px 0;"></view>
<text style="font-size: 14px;" v-if="level.GradeInfo.UpgradeNum-level.GradeInfo.MeetNum!=0">还需要:{{level.GradeInfo.UpgradeNum-level.GradeInfo.MeetNum}}{{level.GradeInfo.UpgradeIdName}}</text>
<text style="font-size: 14px;" v-if="level.GradeInfo.UpgradeNum-level.GradeInfo.MeetNum==0">已满足升级条件</text>
</view>
</view>
......
......@@ -29,41 +29,41 @@
<view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view>
<view class='topheard' :style="{'margin-top':modelstype==0?'52px':(modelstype==1?'37px':(modelstype==2)?'33px':0) }" v-if="meueData.user_center.top_style == 1">
<u-avatar :src="user_info.avatar" size="140" style="margin-left: 50rpx;"></u-avatar>
<view style="display: flex;flex-direction: column;justify-content: center;height: 50px;justify-content: space-between;margin-left: 20rpx">
<view style="display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx">
<Text style="color: #FFF;font-size: 36rpx;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"
@click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view class="member" v-if="is_icon_members_grade == 1">
<image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 22px;height: 22px;border-radius: 11px;"></image>
<view class="member" v-if="is_icon_members_grade == 1&& user_info.nickname">
<image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px;height: 22px;border-radius: 11px;"></image>
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
</view>
</view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;margin-top: 50px;" v-if="meueData.user_center.top_style == 2">
<view style="display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;" v-if="meueData.user_center.top_style == 2">
<u-avatar :src="user_info.avatar" size="120"></u-avatar>
<Text style="color: #FFF;margin-left: 20rpx;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view class="member" v-if="is_icon_members_grade == 1">
<image :src="meueData.user_center.top_pic_url" mode="aspectFill" style="width: 26px;height: 26px;border-radius: 13px;"></image>
<Text style="color: #FFF;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view class="member" v-if="is_icon_members_grade == 1&&user_info.nickname">
<image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px;height: 22px;border-radius: 11px;"></image>
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
</view>
</view>
<view class="top_b">
<view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/favorite/favorite')">
<text style="font-size: 21px;">{{user_info.favorite}}</text>
<text style="font-size: 21px;">{{user_info.favorite?user_info.favorite:0}}</text>
<text>{{meueData.user_center.foot_bar[0].name}}</text>
</view>
<view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/foot/index/index')">
<text style="font-size: 21px;">{{user_info.footprint}}</text>
<text style="font-size: 21px;">{{user_info.footprint?user_info.footprint:0}}</text>
<text>{{meueData.user_center.foot_bar[1].name}}</text>
</view>
<view class="top_b_item" v-if="meueData.user_center.is_account_status == 1" @click="goUrl(couponsObj.link_url)">
<text style="font-size: 21px;">{{user_info.coupon}}</text>
<text style="font-size: 21px;">{{user_info.coupon?user_info.coupon:0}}</text>
<text>{{couponsObj.name}}</text>
</view>
</view>
<view class="ReceiptAdder" @click="goUrl('/pages/address/address')" style=" background: rgba(55, 55, 55, 0.15) ">
<view class="ReceiptAdder" @click="goUrl('/pages/address/address')" :style="{top:modelstype==0?'160rpx':(modelstype==1?'180rpx':'160rpx')}">
<u-icon name="location" color="#fff" size="23"></u-icon>
<Text style="color: #fff;font-size: 12px;margin-left: 20rpx;">收货地址</Text>
</view>
......@@ -72,7 +72,7 @@
v-if="item.link_url == '/pages/balance/balance'" @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 22px;" mode ='widthFix' ></image>
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.balance>10000?(user_info.balance/10000).toFixed(1)+'w':user_info.balance}}</span>
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.balance?(user_info.balance>10000?(user_info.balance/10000).toFixed(1)+'w':user_info.balance):0}}</span>
<span style=''>{{item.name}}</span>
</view>
</view>
......@@ -81,7 +81,7 @@
v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'" @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 17px;" mode ='widthFix'></image>
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.integral>10000?(user_info.integral/10000).toFixed(1)+'w':user_info.integral}}</span>
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.integral?(user_info.integral>10000?(user_info.integral/10000).toFixed(1)+'w':user_info.integral):0}}</span>
<span>{{item.name}}</span>
</view>
</view>
......@@ -462,6 +462,7 @@ export default {
flex-direction: row;
align-items: center;
padding: 0 20rpx;
background: rgba(55, 55, 55, 0.15)
}
.userStyle .member {
background: #3b3641;
......@@ -474,6 +475,7 @@ export default {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.userStyle .titlenav{
width: 100%;text-align: center;font-size: 16px;color: #FFFFFF;
......@@ -485,7 +487,7 @@ export default {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 20px;
/* margin-top: 20px; */
}
.userStyle .top_b_item{
width: 26%;
......@@ -555,5 +557,6 @@ export default {
}
.userStyle .topheard{
display: flex;flex-direction: row;align-items: center;width: 100%;
margin-bottom: 20px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment