修改邀请页面
This commit is contained in:
parent
b5a610660e
commit
fbdeaee553
|
|
@ -6,8 +6,17 @@
|
|||
<view class="u-relative">
|
||||
<u-image src="/me/static/invite/top-bg.png" alt="" width="100%" mode="widthFix"></u-image>
|
||||
<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 class=" invite-box u-relative">
|
||||
<view class="top">
|
||||
|
|
@ -59,13 +68,22 @@
|
|||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviterNumber}}</text>人</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="">累计收益</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{cumulativeRevenue}}</text>元</view>
|
||||
<view class="">签到</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviteSignCount}}</text>人</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="">已签到</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{inviteCount}}</text>人</view>
|
||||
<view class="">金币收益</view>
|
||||
<view class="text-red u-m-t-16 "><text class=" u-font-40">{{earning.inviteGoldMoney}}</text></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 class="">已提现</view>
|
||||
<view class="text-red u-m-t-16 "><text class="u-font-40">{{withdrawn}}</text>元</view>
|
||||
|
|
@ -75,7 +93,7 @@
|
|||
</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 v-if="inviterList.length" class="u-m-t-20">
|
||||
<view class="flex justify-between" style="line-height: 80rpx;" v-for="(item, index) in inviterList"
|
||||
|
|
@ -94,7 +112,7 @@
|
|||
<!-- <view class="u-p-t-30 u-p-b-30 empty" v-if="hasAjax&&!inviterList.length">
|
||||
<my-empty ></my-empty>
|
||||
</view> -->
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <view class="padding" style="position: relative;height: 250rpx;">
|
||||
|
|
@ -141,18 +159,23 @@
|
|||
import tkiQrcode from '../../components/tki-qrcode/tki-qrcode.vue';
|
||||
import wmPoster from '../components/wm-poster/wm-posterorders.vue';
|
||||
import myEmpty from '@/components/my-empty.vue';
|
||||
|
||||
|
||||
import config from '../../common/config.js'
|
||||
export default {
|
||||
components: {
|
||||
tkiQrcode,myEmpty,
|
||||
tkiQrcode,
|
||||
myEmpty,
|
||||
wmPoster
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
earning: {
|
||||
inviteMoney: 0,
|
||||
inviteGoldMoney: 0,
|
||||
},
|
||||
//已签到人数
|
||||
inviteCount:0,
|
||||
hasAjax:false,
|
||||
inviteCount: 0,
|
||||
hasAjax: false,
|
||||
erweimapath: '',
|
||||
poster: {},
|
||||
qrShow: false,
|
||||
|
|
@ -402,7 +425,7 @@
|
|||
this.$u.api.inviter(data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.inviterList = res.data.list
|
||||
this.hasAjax=true;
|
||||
this.hasAjax = true;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -418,7 +441,8 @@
|
|||
this.cumulativeRevenue = res.data.inviteMoney.moneySum //累计收益
|
||||
this.inviterNumber = res.data.inviteCount //邀请人数
|
||||
this.withdrawn = res.data.inviteMoney.cashOut //已提现
|
||||
this.inviteSignCount =res.data.inviteSignCount
|
||||
this.inviteSignCount = res.data.inviteSignCount
|
||||
Object.assign(this.earning,res.data.earning)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
|
|
@ -719,9 +743,11 @@
|
|||
|
||||
<style lang="scss" scoped>
|
||||
$color1: #5857FF;
|
||||
.cu-dialog{
|
||||
|
||||
.cu-dialog {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: $color1;
|
||||
}
|
||||
|
|
@ -814,9 +840,11 @@
|
|||
transition: all 0.3s ease-in-out 0s;
|
||||
pointer-events: none;
|
||||
}
|
||||
.bg-img{
|
||||
|
||||
.bg-img {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.modal.show {
|
||||
opacity: 1;
|
||||
transition-duration: 0.3s;
|
||||
|
|
@ -860,10 +888,14 @@
|
|||
.top-title {
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
top: 192rpx;
|
||||
|
||||
.rule {
|
||||
line-height: 32rpx;
|
||||
width: 428rpx;
|
||||
padding-right: 150rpx;
|
||||
}
|
||||
|
||||
.top-title-img {
|
||||
width: 550rpx;
|
||||
height: 92rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue