|
|
|
@ -1,14 +1,13 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
|
|
|
|
|
<view class="header"> |
|
|
|
|
<image class='background' src="/static/img/user/topbg.png" mode="aspectFill"></image> |
|
|
|
|
<view class="userInfo"> |
|
|
|
|
<view class="uleft"> |
|
|
|
|
<u-image :src="userInfo.wxAvatar" width="60px" height="60px" radius="30px" @error="imgErr"></u-image> |
|
|
|
|
<u-image :src="userInfo.wxAvatar" width="48px" height="48px" radius="50%" @error="imgErr"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="ucenter"> |
|
|
|
|
<view class="name"><text class="username">{{userInfo.wxName}}</text><text class="level">{{identityinfo.levelTxt}}</text></view> |
|
|
|
|
<view class="name"><text class="username">{{userInfo.wxName}}</text><!-- <text class="level">等级</text> --></view> |
|
|
|
|
</view> |
|
|
|
|
<view class="uright"> |
|
|
|
|
<view class="change"> |
|
|
|
@ -17,6 +16,11 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="boxBg"> |
|
|
|
|
<image class='box_bg' src="/static/img/user/boxbg.png" mode="aspectFill"></image> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- <view class="userItem"> |
|
|
|
|
<view class="uItemBox"> |
|
|
|
|
<view class="num">{{userInfo.totalAmount > 0 ? userInfo.totalAmount / 100 : '0.00'}}</view> |
|
|
|
@ -43,7 +47,7 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
<view class="moneyBox" v-if="identityinfo.levelVal < 4"> |
|
|
|
|
<!-- <view class="moneyBox" v-if="identityinfo.levelVal < 4"> |
|
|
|
|
<view class="moneyBoxTitle">收入抽成</view> |
|
|
|
|
<view class="moneyBoxItem"> |
|
|
|
|
<view class="mItemBox"> |
|
|
|
@ -73,7 +77,7 @@ |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="serviceBox"> |
|
|
|
@ -351,7 +355,7 @@ export default { |
|
|
|
|
<style lang="scss"> |
|
|
|
|
page{ height:100%; width: 100%;} |
|
|
|
|
.container{padding:10rpx 20rpx;} |
|
|
|
|
.header{ width: 100%; height: 500rpx; overflow: hidden; position: relative;} |
|
|
|
|
.header{ width: 100%; height: 580rpx; overflow: hidden; position: relative;} |
|
|
|
|
.background { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
@ -360,11 +364,11 @@ export default { |
|
|
|
|
z-index: -1; |
|
|
|
|
} |
|
|
|
|
.userInfo{ width: 670rpx; height: auto; display: flex; margin: 244rpx auto 50rpx auto;} |
|
|
|
|
.userInfo .uleft{ width: 120rpx; height: 120rpx;} |
|
|
|
|
|
|
|
|
|
.userInfo .ucenter{ width: 430rpx; height: 120rpx; line-height: 120rpx;} |
|
|
|
|
.userInfo .uleft{ width: 100rpx; height: 120rpx;} |
|
|
|
|
.userInfo .uleft .u-image{margin-top: 20rpx;} |
|
|
|
|
.userInfo .ucenter{ width: 450rpx; height: 120rpx; line-height: 120rpx;} |
|
|
|
|
.userInfo .ucenter .name{ width: 100%; height: 120rpx;} |
|
|
|
|
.userInfo .ucenter .name .username{font-size: 36rpx; color:#333333; margin-left:20rpx;} |
|
|
|
|
.userInfo .ucenter .name .username{font-size: 32rpx; color:#333333; font-weight: 700; margin-left:20rpx;} |
|
|
|
|
.userInfo .ucenter .name .level{width: auto; padding: 2rpx 10rpx; |
|
|
|
|
height: 44rpx; |
|
|
|
|
background: #095E59; text-align: center; font-size: 24rpx;color: #333333; |
|
|
|
@ -374,7 +378,7 @@ border: 1rpx solid #00F0E2; margin-left: 20rpx;} |
|
|
|
|
.userInfo .uright .change{width: 104rpx; |
|
|
|
|
height: 50rpx; |
|
|
|
|
color: #333333; font-size: 28rpx; line-height: 50rpx; text-align: center;} |
|
|
|
|
.userInfo .uright .change image{ width: 42rpx; height: 42rpx; margin-top: 60rpx;} |
|
|
|
|
.userInfo .uright .change image{ width: 42rpx; height: 42rpx; margin-top: 40rpx;} |
|
|
|
|
.userItem{ |
|
|
|
|
color: #333333; |
|
|
|
|
width: 100%; |
|
|
|
@ -394,6 +398,22 @@ height: 50rpx; |
|
|
|
|
line-height: 28rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.boxBg{ |
|
|
|
|
width: 702rpx; |
|
|
|
|
height: 160rpx; |
|
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx; |
|
|
|
|
position: relative; |
|
|
|
|
margin: 0rpx auto 20rpx auto; |
|
|
|
|
} |
|
|
|
|
.box_bg{ |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
position:absolute; |
|
|
|
|
background-size:100% 100%; |
|
|
|
|
z-index: -1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*订单部分*/ |
|
|
|
|
|
|
|
|
|
.orderBox{ |
|
|
|
|