Commit 0877e0b4 by zhangzhen

页面优化

parent 75953729
......@@ -641,6 +641,9 @@
onGetUserInfo() {
getUserInfo().then(res => {
if (res.data.code == 200) {
this.loginStatus = uni.getStorageSync('loginStatus') == 'login'? true: false;
this.userInfo = {
...res.data.data,
consumerWallet: res.data.data.consumerWallet? res.data.data.consumerWallet: {remainingIntegral:0}
......
......@@ -9,41 +9,40 @@
<view class="header-content">
<image class="logo-bg" :src="assetsPath +'/equity_bg.png'" mode="scaleToFill"></image>
<view class="flex-col part-content" >
<view class="flex-col avatar-box">
<view class="avatar">
<image :src="userInfo.avatar || assetsPath+'/logo_icon.png' " mode="scaleToFill"></image>
</view>
<view class="">
<text class="text-white text-lg">{{userInfo.nickName || '凑角_'+userName}}</text>
<text class="title">我的权益金</text>
<view class="flex-col part-box">
<view class="part-top">
<view class="flex-row-center">
<image class="icon" :src="assetsPath +'/qyj_icon.png'" mode="widthFix"></image>
<text class="text-1">累计权益金</text>
<text class="text-2">{{userInfo && userInfo.consumerWallet && userInfo.consumerWallet.accumulateEquityFund? (userInfo.consumerWallet.accumulateEquityFund).toFixed(2) : '0.00' }}</text>
</view>
<view class="amount">
<text class="text-bold text-white">{{ userInfo && userInfo.consumerWallet && userInfo.consumerWallet.equityFund? (userInfo.consumerWallet.equityFund).toFixed(2) : '0.00' }}</text>
<text class="text-sm">可提现</text>
<view class="equity-logo-box">
<image class="equity-logo" :src="assetsPath +'/equity_logo.png'" mode="scaleToFill"></image>
</view>
</view>
<view class="flex-between part-list">
<view class="flex-col">
<text class="text-white text-sm">累计收益</text>
<text class="text-bold text-white text-xl">{{userInfo && userInfo.consumerWallet && userInfo.consumerWallet.accumulateEquityFund? (userInfo.consumerWallet.accumulateEquityFund).toFixed(2) : '0.00' }}</text>
<view class="part-bottom">
<view class="flex-col pat-1">
<text class="text-1">可提现</text>
<text class="text-bold">{{ userInfo && userInfo.consumerWallet && userInfo.consumerWallet.equityFund? (userInfo.consumerWallet.equityFund).toFixed(2) : '0.00' }}</text>
</view>
<view class="flex-col">
<text class="text-white text-sm">绑定用户</text>
<view class="flex-row-center" @tap="onNavToUsers">
<text class="text-bold text-white text-xl">{{countNum}}</text>
<text class="cuIcon-right text-white text-xl"></text>
<view class="flex-between pat-2">
<button class="cu-btn" @tap="onConfirm">
<text>立即提现</text>
</button>
<view class="flex-row-center">
<image class="icon" :src="assetsPath +'/bd_icon.png'" mode="widthFix"></image>
<text class="text-1">已绑定{{countNum}}</text>
<text class="text-link" @tap="onNavToUsers" >查看</text>
</view>
</view>
</view>
</view>
<view class="btn-box">
<button class="cu-btn round bg-white" @tap="onConfirm">立即提现</button>
</view>
</view>
<!-- <text class="text-bold text-white">{{ userInfo && userInfo.consumerWallet && userInfo.consumerWallet.equityFund? (userInfo.consumerWallet.equityFund).toFixed(2) : '0.00' }}</text> -->
<!-- <text class="text-bold text-white text-xl">{{userInfo && userInfo.consumerWallet && userInfo.consumerWallet.accumulateEquityFund? (userInfo.consumerWallet.accumulateEquityFund).toFixed(2) : '0.00' }}</text> -->
<view class="content-list">
<view class="padding-sm">
<text class="text-title text-lg text-black">权益金入账信息</text>
......@@ -314,13 +313,121 @@
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 90%;
}
.part-content{
position: relative;
width: 100%;
height: 100%;
min-height: 320upx;
z-index: 4;
.title{
font-weight: bold;
font-size: 28upx;
color: #FFFFFF;
background: linear-gradient(0deg, rgba(249,188,217,0.72) 0%, rgba(255,255,255,0.72) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 30upx 0 0 20upx;
}
.part-box{
display: flex;
flex-direction: column;
width: 710upx;
margin: 28upx auto 0;
}
.part-top{
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
height: 92upx;
background: linear-gradient(90deg, rgba(255,255,255,0.3) 39%, rgba(255,255,255,0) 100%);
border-radius: 24upx 24upx 0 0;
padding-bottom: 30upx;
.flex-row-center{
margin-left: 28upx;
.icon{
width: 15px;
height: 15px;
margin-right: 4upx;
}
.text-1{
font-size: 24upx;
color: #FFFFFF;
margin-right: 6upx;
}
.text-2{
font-weight: 600;
font-size: 34rpx;
color: #FDEEF1;
text-shadow: 0rpx 1rpx 7rpx rgba(139,11,41,0.56);
}
}
.equity-logo-box{
position: absolute;
top: -50upx;
right: 24upx;
width: 150upx;
.equity-logo{
width: 100%;
height: 172upx;
z-index: 2;
}
}
}
.part-bottom{
display: flex;
flex-direction: column;
width: 100%;
background: #FFFFFF;
border-radius: 30upx;
margin-top: -30upx;
.pat-1{
padding: 28upx 28upx 0;
.text-1{
font-size: 24upx;
color: #646666;
}
.text-bold{
font-size: 54upx;
color: #181818;
margin-top: 8upx;
}
}
.pat-2{
display: flex;
flex: 1;
align-items: center;
padding: 20upx 28upx 28upx;
.cu-btn{
padding: 8upx 64upx;
background: linear-gradient(97.26deg, #E03997 4%, #FF375D 92%);
border-radius: 24upx;
text{
font-size: 30upx;
color: #FFFFFF;
font-weight: bold;
}
}
.flex-row-center{
.icon{
width: 28upx;
height: 20upx;
margin-right: 6upx;
}
.text-1{
font-size: 24rpx;
color: #646666;
}
.text-link{
margin-left: 6upx;
font-size: 24rpx;
color: #5995F8;
text-decoration-line: underline;
}
}
}
}
}
.avatar-box{
display: flex;
......@@ -390,7 +497,7 @@
flex: 1;
width: 100%;
flex-direction: column;
margin: 20upx 0 0 0;
margin: 12upx 0 0 0;
.list-content {
display: flex;
......
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