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

62
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">
<u-image src="/me/static/invite/title.png" alt="" width="544rpx" mode="widthFix"></u-image> <view class="u-flex u-row-center">
<u-image src="/me/static/invite/title.png" alt="" width="544rpx" mode="widthFix"></u-image>
</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>
<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>
@ -75,7 +93,7 @@
</view> </view>
</view> </view>
<view class="margin u-m-t-40 u-m-b-32 padding bg-white radius-16" > <view class="margin u-m-t-40 u-m-b-32 padding bg-white radius-16">
<view class="u-font-32 color-333 font-bold u-text-center">已邀请列表</view> <view class="u-font-32 color-333 font-bold u-text-center">已邀请列表</view>
<view v-if="inviterList.length" class="u-m-t-20"> <view v-if="inviterList.length" class="u-m-t-20">
<view class="flex justify-between" style="line-height: 80rpx;" v-for="(item, index) in inviterList" <view class="flex justify-between" style="line-height: 80rpx;" v-for="(item, index) in inviterList"
@ -145,14 +163,19 @@
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,
erweimapath: '', erweimapath: '',
poster: {}, poster: {},
qrShow: false, qrShow: false,
@ -402,7 +425,7 @@
this.$u.api.inviter(data).then(res => { this.$u.api.inviter(data).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.inviterList = res.data.list this.inviterList = res.data.list
this.hasAjax=true; this.hasAjax = true;
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
@ -418,7 +441,8 @@
this.cumulativeRevenue = res.data.inviteMoney.moneySum //累计收益 this.cumulativeRevenue = res.data.inviteMoney.moneySum //累计收益
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;