|
|
@@ -10,13 +10,16 @@
|
|
|
<!-- <image src="@/static/user/level.png" class="level" mode=""></image> -->
|
|
|
</view>
|
|
|
<view class="">
|
|
|
- <view class="fs-16 mb-4 fw-b" style="color: #FFF">{{userInfo.realName || userInfo.accountDesensitization}}</view>
|
|
|
+ <view class="fs-16 mb-4 fw-b" style="color: #FFF">
|
|
|
+ {{userInfo.realName || userInfo.accountDesensitization}}
|
|
|
+ </view>
|
|
|
<view class="fs-12" style="color: #7D7777;">邀请码 {{userInfo.promotionCode}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<image src="@/static/user/code.png" @click="showPopup" class="code" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="money">{{userInfo.agileAmount ? userInfo.agileAmount.toFixed(2) : '0.00'}}<span class="fs-12 ml-4">元</span> </view>
|
|
|
+ <view class="money">{{userInfo.agileAmount ? userInfo.agileAmount.toFixed(2) : '0.00'}}<span
|
|
|
+ class="fs-12 ml-4">元</span> </view>
|
|
|
<view class="cumulative-gain">不可用金: {{userInfo.agileFrozenAmount || 0}} 元</view>
|
|
|
<!-- <view class="horizontal-line1"></view>
|
|
|
<view class="horizontal-line2"></view>
|
|
|
@@ -31,66 +34,17 @@
|
|
|
</view>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 查询 -->
|
|
|
- <!-- <view class="fc top-box">
|
|
|
- <view class="fr-ac" style="height: 108rpx;border-bottom: 1rpx solid #f3f3f3;">
|
|
|
- <view class="fs-16 fw-b ml-20" style="width: 465rpx;">查询记录</view>
|
|
|
- <view class="fr-ac-jc condition">
|
|
|
- <view class="mr-5 fs-14" style="color: #35A3C8;">按日期查询</view>
|
|
|
- <u-icon class="mt-4" name="arrow-down" color="#CCCCCC" size="14"></u-icon>
|
|
|
+ <view class="function-box">
|
|
|
+ <view class="fr-ac-jsb function" v-for="(item,index) in list" :key='index' @click="toPath(item.url)">
|
|
|
+ <view class="fr-ac ml-15">
|
|
|
+ <image class="icon" :src="require('@/static/user/' + item.icon)" mode=""></image>
|
|
|
+ <view class="fs-16 fw-b">{{item.title}}</view>
|
|
|
+ <view class="fs-12 ml-8" style="color: #CBD8E9;">{{item.content}}</view>
|
|
|
</view>
|
|
|
+ <u-icon class="mr-15" name="arrow-right" color="#efefef" size="18"></u-icon>
|
|
|
</view>
|
|
|
- <view class="fr-ac" style="height: 118rpx;">
|
|
|
- <u-icon class="ml-18 mr-2" name="calendar" color="#CCCCCC" size="22"></u-icon>
|
|
|
- <view class="date">请选择开始日期</view>
|
|
|
- <view class="horizontal-line mr-24"></view>
|
|
|
- <view class="date">请选择结束日期</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <!-- 当日收益 -->
|
|
|
- <!-- <view class="profit-preview" v-for="(item,index) in 10" :key="index">
|
|
|
- <view class="fr-ac-jsb" style="padding: 40rpx 0;">
|
|
|
- <view class="fs-16 fw-b ml-20">当日收益<span class="ml-8" style="color: #FF6600;">+386.85</span> </view>
|
|
|
- <view class="fs-12 mr-20 fr-ac" style="color: #999999;">
|
|
|
- 2024.02.06 星期三
|
|
|
- <u-icon class="mt-2 ml-4" name="arrow-down" color="#CCCCCC" size="10"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="profit-detail fr-ac-jsb" v-show="true">
|
|
|
- <view class="fc">
|
|
|
- <view class="fs-16 fw-b">56.08<span class="fs-12">元</span></view>
|
|
|
- <view class="fr-ac mt-6">
|
|
|
- <view class="mr-2" style="color: #999999;">消费提成</view>
|
|
|
- <u-icon class="mt-2" name="arrow-right" color="#505050" size="12"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="fc">
|
|
|
- <view class="fs-16 fw-b">56.08<span class="fs-12">元</span></view>
|
|
|
- <view class="fr-ac mt-6">
|
|
|
- <view class="mr-2" style="color: #999999;">代理收益</view>
|
|
|
- <u-icon class="mt-2" name="arrow-right" color="#505050" size="12"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="fc">
|
|
|
- <view class="fs-16 fw-b">56.08<span class="fs-12">元</span></view>
|
|
|
- <view class="fr-ac mt-6">
|
|
|
- <view class="mr-2" style="color: #999999;">感恩奖</view>
|
|
|
- <u-icon class="mt-2" name="arrow-right" color="#505050" size="12"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <!-- <view class="fr-ac-jsb day-income">
|
|
|
- <view class="fr-ac fs-16 fw-b">
|
|
|
- <view class="mr-10">当日收益</view>
|
|
|
- <view style="color: #FF6600;">+286.85</view>
|
|
|
- </view>
|
|
|
- <view class="fr-ac">
|
|
|
- <view class="fs-12" style="color: #999999;">2024.02.05 星期二</view>
|
|
|
- <u-icon class="mt-2 ml-4" name="arrow-down" color="#CCCCCC" size="10"></u-icon>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
<u-popup :show="isShowPopup" mode="center" @close="closePopup" bgColor="transparent">
|
|
|
<view class="popup-box">
|
|
|
<image class="close-icon" src="/static/user/close-icon.png" @click="closePopup" mode=""></image>
|
|
|
@@ -111,7 +65,32 @@
|
|
|
return {
|
|
|
isShowPopup: false,
|
|
|
userInfo: {},
|
|
|
- codeUrl: ''
|
|
|
+ codeUrl: '',
|
|
|
+ list: [{
|
|
|
+ title: '我的充值',
|
|
|
+ icon: 'icon-recharge.png',
|
|
|
+ url: '/pagesA/recharge/myRecharge',
|
|
|
+ content: '充值清单与管理',
|
|
|
+ id: 1
|
|
|
+ }, {
|
|
|
+ title: '我的消费券',
|
|
|
+ icon: 'icon-points.png',
|
|
|
+ url: '/pagesA/user/myPoints',
|
|
|
+ content: '每天收入累计',
|
|
|
+ id: 2
|
|
|
+ }, {
|
|
|
+ title: '我要提现',
|
|
|
+ icon: 'icon-withdrawal.png',
|
|
|
+ url: '/pagesA/withdrawal/myWithdrawal',
|
|
|
+ content: '提现信息管理',
|
|
|
+ id: 4
|
|
|
+ }, {
|
|
|
+ title: '我要转账',
|
|
|
+ icon: 'icon-transfer.png',
|
|
|
+ url: '/pagesA/transferAccounts/transferAccounts',
|
|
|
+ content: '',
|
|
|
+ id: 5
|
|
|
+ }, ],
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -127,7 +106,7 @@
|
|
|
const tokenData = uni.getStorageSync('tokenData');
|
|
|
if (tokenData && tokenData.token) {
|
|
|
this.$Request.post('server_api/account_info/account_info', {
|
|
|
-
|
|
|
+
|
|
|
}).then((res) => {
|
|
|
this.userInfo = res.data;
|
|
|
// #ifndef MP-WEIXIN
|
|
|
@@ -156,7 +135,7 @@
|
|
|
getMpCode() {
|
|
|
const accountInfo = uni.getAccountInfoSync();
|
|
|
const miniProgramVersion = accountInfo.miniProgram.version;
|
|
|
- console.log(miniProgramVersion,"miniProgramVersion");
|
|
|
+ console.log(miniProgramVersion, "miniProgramVersion");
|
|
|
this.$Request.post('server_api/account_share/get_qr_code', {
|
|
|
scene: this.userInfo.promotionCode,
|
|
|
page: "pages/login/index",
|
|
|
@@ -171,7 +150,12 @@
|
|
|
},
|
|
|
closePopup() {
|
|
|
this.isShowPopup = false
|
|
|
- }
|
|
|
+ },
|
|
|
+ toPath(url) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -181,25 +165,25 @@
|
|
|
width: 692rpx;
|
|
|
height: 308rpx;
|
|
|
background: linear-gradient(135deg, #1E1E1E, #373737, #1E1E1E);
|
|
|
- box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(21,21,23,0.2);
|
|
|
+ box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(21, 21, 23, 0.2);
|
|
|
border-radius: 20rpx;
|
|
|
border: 1px solid;
|
|
|
margin: 35rpx auto 47rpx;
|
|
|
// border-image: linear-gradient(-61deg, #C8CC60, #CECA5D) 10 10;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.avatar-box {
|
|
|
width: 76rpx;
|
|
|
height: 76rpx;
|
|
|
border-radius: 50%;
|
|
|
position: relative;
|
|
|
-
|
|
|
+
|
|
|
.avatar {
|
|
|
width: 76rpx;
|
|
|
height: 76rpx;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.level {
|
|
|
width: 29rpx;
|
|
|
height: 33rpx;
|
|
|
@@ -208,19 +192,19 @@
|
|
|
bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.code {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.money {
|
|
|
font-weight: bold;
|
|
|
font-size: 38rpx;
|
|
|
color: #FFFFBD;
|
|
|
margin: 50rpx 0 15rpx 46rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.cumulative-gain {
|
|
|
font-size: 24rpx;
|
|
|
color: #62583C;
|
|
|
@@ -229,34 +213,34 @@
|
|
|
-webkit-text-fill-color: transparent;
|
|
|
margin-left: 46rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.top-box {
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 20rpx;
|
|
|
width: 694rpx;
|
|
|
margin: 36rpx auto 30rpx;
|
|
|
-
|
|
|
+
|
|
|
.condition {
|
|
|
width: 229rpx;
|
|
|
height: 108rpx;
|
|
|
background: #F4F4F4;
|
|
|
border-radius: 0rpx 20rpx 0rpx 0rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.date {
|
|
|
width: 240rpx;
|
|
|
font-weight: 500;
|
|
|
font-size: 28rpx;
|
|
|
color: #CCCCCC;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.horizontal-line {
|
|
|
width: 81rpx;
|
|
|
height: 2rpx;
|
|
|
background: #EEEEEE;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// .horizontal-line1 {
|
|
|
// width: 588rpx;
|
|
|
// height: 1rpx;
|
|
|
@@ -270,44 +254,34 @@
|
|
|
// background: #000000;
|
|
|
// margin: 0 auto 36rpx;
|
|
|
// }
|
|
|
-
|
|
|
- .profit-preview {
|
|
|
- width: 694rpx;
|
|
|
- background: #FFFFFF;
|
|
|
- box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(185,187,205,0.08);
|
|
|
- border-radius: 20rpx;
|
|
|
- margin: 0 auto 20rpx;
|
|
|
- background-image: url('/static/public/green-bg.png');
|
|
|
- background-size: contain;
|
|
|
- background-repeat: no-repeat;
|
|
|
-
|
|
|
- .green-box {
|
|
|
+
|
|
|
+ .function-box {
|
|
|
+ width: 100%;
|
|
|
+ background: #F6FAFF;
|
|
|
+ padding-top: 44rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .function {
|
|
|
width: 694rpx;
|
|
|
- height: 8rpx;
|
|
|
- background: #A2D2C0;
|
|
|
- border-radius: 6rpx 6rpx 0rpx 0rpx;
|
|
|
+ height: 98rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(185, 187, 205, 0.08);
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin: 0 auto 18rpx;
|
|
|
}
|
|
|
-
|
|
|
- .profit-detail {
|
|
|
- flex-wrap: wrap;
|
|
|
- padding: 30rpx 60rpx 47rpx;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .day-income {
|
|
|
- width: 694rpx;
|
|
|
- padding: 42rpx;
|
|
|
- background-color: #FFFFFF;
|
|
|
- box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(185,187,205,0.08);
|
|
|
- border-radius: 20rpx;
|
|
|
- margin: 0 auto 20rpx;
|
|
|
- }
|
|
|
-
|
|
|
+
|
|
|
.popup-box {
|
|
|
width: 687rpx;
|
|
|
height: 930rpx;
|
|
|
position: relative;
|
|
|
-
|
|
|
+
|
|
|
.close-icon {
|
|
|
position: absolute;
|
|
|
right: 30rpx;
|
|
|
@@ -316,24 +290,24 @@
|
|
|
height: 62rpx;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.envelope-bg {
|
|
|
width: 687rpx;
|
|
|
height: 930rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.content-box {
|
|
|
position: absolute;
|
|
|
top: 516rpx;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
color: #FFF;
|
|
|
- margin-left:10rpx;
|
|
|
-
|
|
|
+ margin-left: 10rpx;
|
|
|
+
|
|
|
.code-img {
|
|
|
width: 170rpx;
|
|
|
height: 170rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|