czg_team
/
video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改邀请页面

This commit is contained in:
YeMingfei666 2024-12-12 16:51:10 +08:00
parent b5a610660e
commit fbdeaee553
1 changed files with 49 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
me/invite/index.vue
View File

@ -6,8 +6,17 @@
<view class="u-relative"> <view class="u-relative">
<u-image src="/me/static/invite/top-bg.png" alt="" width="100%" mode="widthFix"></u-image> <u-image src="/me/static/invite/top-bg.png" alt="" width="100%" mode="widthFix"></u-image>
<view class="u-absolute top-title"> <view class="u-absolute top-title">
<view class="u-flex u-row-center">
<u-image src="/me/static/invite/title.png" alt="" width="544rpx" mode="widthFix"></u-image> <u-image src="/me/static/invite/title.png" alt="" width="544rpx" mode="widthFix"></u-image>
</view> </view>
<view class="u-m-t-24 color-fff u-font-28 u-text-left "
style=" padding-left: 248rpx;text-shadow: 0 0 10px #000;">
<view>好友首次签到成功送1元现金红包</view>
<view>满15人签到额外送9.9元红包</view>
<view>满99人签到额外送100元红包</view>
</view>
</view>
</view> </view>
<view class=" invite-box u-relative"> <view class=" invite-box u-relative">
<view class="top"> <view class="top">
@ -59,13 +68,22 @@
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviterNumber}}</text>人</view> <view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviterNumber}}</text>人</view>
</view> </view>
<view> <view>
<view class="">累计收益</view> <view class="">签到</view>
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{cumulativeRevenue}}</text>元</view> <view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviteSignCount}}</text>人</view>
</view> </view>
<view> <view>
<view class="">已签到</view> <view class="">金币收益</view>
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviteCount}}</text>人</view> <view class="text-red u-m-t-16 "><text class=" u-font-40">{{earning.inviteGoldMoney}}</text></view>
</view> </view>
<view>
<view class="">红包收益</view>
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{earning.inviteMoney}}</text></view>
</view>
<!-- <view>
<view class="">累计收益</view>
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{cumulativeRevenue}}</text>元</view>
</view> -->
<!-- <view> <!-- <view>
<view class="">已提现</view> <view class="">已提现</view>
<view class="text-red u-m-t-16 "><text class="u-font-40">{{withdrawn}}</text>元</view> <view class="text-red u-m-t-16 "><text class="u-font-40">{{withdrawn}}</text>元</view>
@ -145,11 +163,16 @@
import config from '../../common/config.js' import config from '../../common/config.js'
export default { export default {
components: { components: {
tkiQrcode,myEmpty, tkiQrcode,
myEmpty,
wmPoster wmPoster
}, },
data() { data() {
return { return {
earning: {
inviteMoney: 0,
inviteGoldMoney: 0,
},
//已签到人数 //已签到人数
inviteCount: 0, inviteCount: 0,
hasAjax: false, hasAjax: false,
@ -419,6 +442,7 @@
this.inviterNumber = res.data.inviteCount //邀请人数 this.inviterNumber = res.data.inviteCount //邀请人数
this.withdrawn = res.data.inviteMoney.cashOut //已提现 this.withdrawn = res.data.inviteMoney.cashOut //已提现
this.inviteSignCount = res.data.inviteSignCount this.inviteSignCount = res.data.inviteSignCount
Object.assign(this.earning,res.data.earning)
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
@ -719,9 +743,11 @@
<style lang="scss" scoped> <style lang="scss" scoped>
$color1: #5857FF; $color1: #5857FF;
.cu-dialog { .cu-dialog {
background-color: transparent; background-color: transparent;
} }
.text-red { .text-red {
color: $color1; color: $color1;
} }
@ -814,9 +840,11 @@
transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
pointer-events: none; pointer-events: none;
} }
.bg-img { .bg-img {
background-color: transparent; background-color: transparent;
} }
.modal.show { .modal.show {
opacity: 1; opacity: 1;
transition-duration: 0.3s; transition-duration: 0.3s;
@ -860,10 +888,14 @@
.top-title { .top-title {
left: 0; left: 0;
right: 0; right: 0;
display: flex;
justify-content: center;
top: 192rpx; top: 192rpx;
.rule {
line-height: 32rpx;
width: 428rpx;
padding-right: 150rpx;
}
.top-title-img { .top-title-img {
width: 550rpx; width: 550rpx;
height: 92rpx; height: 92rpx;