|
|
@@ -2,14 +2,15 @@
|
|
|
<v-container class="invite-user" fluid :class="`bg-${type}`">
|
|
|
<activity-invite-user-box class="box1">
|
|
|
<template #title>参与步骤</template>
|
|
|
- <v-img class="cybz-content" :src="contentImg" />
|
|
|
+ <v-img
|
|
|
+ class="cybz-content"
|
|
|
+ :src="returnContent ? returnContent.img : null"
|
|
|
+ />
|
|
|
<div class="cybz-content-text">
|
|
|
<div class="cybz-content-text-item">分享好友</div>
|
|
|
<div class="cybz-content-text-item">邀请购买云机</div>
|
|
|
<div class="cybz-content-text-item">
|
|
|
- <template v-if="type === 1">返星币换现金</template>
|
|
|
- <template v-else-if="type === 2">返云手机时长</template>
|
|
|
- <template v-else-if="type === 3">返积分</template>
|
|
|
+ {{ returnContent ? returnContent.content : '' }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<v-btn class="share-button" rounded @click="share()">
|
|
|
@@ -221,13 +222,32 @@ export default {
|
|
|
// },
|
|
|
},
|
|
|
computed: {
|
|
|
- contentImg() {
|
|
|
+ returnContent() {
|
|
|
return {
|
|
|
- 1: require('@/assets/image/activity/invite-user/cybz-content@2x.png'),
|
|
|
- 2: require('@/assets/image/activity/invite-user/cybz-content-2@2x.png'),
|
|
|
- 3: require('@/assets/image/activity/invite-user/cybz-content-3@2x.png'),
|
|
|
+ 1: {
|
|
|
+ img: require('@/assets/image/activity/invite-user/cybz-content@2x.png'),
|
|
|
+ content: '返星币换现金',
|
|
|
+ },
|
|
|
+ 2: {
|
|
|
+ img: require('@/assets/image/activity/invite-user/cybz-content-2@2x.png'),
|
|
|
+ content: '返云机时长',
|
|
|
+ },
|
|
|
+ 3: {
|
|
|
+ img: require('@/assets/image/activity/invite-user/cybz-content-3@2x.png'),
|
|
|
+ content: '返积分',
|
|
|
+ },
|
|
|
}[this.type];
|
|
|
},
|
|
|
+ // contentImg() {
|
|
|
+ // return {
|
|
|
+ // 1: require('@/assets/image/activity/invite-user/cybz-content@2x.png'),
|
|
|
+ // 2: require('@/assets/image/activity/invite-user/cybz-content-2@2x.png'),
|
|
|
+ // 3: require('@/assets/image/activity/invite-user/cybz-content-3@2x.png'),
|
|
|
+ // }[this.type];
|
|
|
+ // },
|
|
|
+ // returnContent() {
|
|
|
+ // return { 1: '返星币换现金', 2: '返云机时长', 3: '返积分' }[this.type];
|
|
|
+ // },
|
|
|
codeHasMore() {
|
|
|
return (
|
|
|
this.codeTotal < 0 ||
|
|
|
@@ -333,7 +353,7 @@ export default {
|
|
|
}
|
|
|
return {
|
|
|
title: '双子星APP',
|
|
|
- desc: '分享好友购买云机套餐,返星币换现金',
|
|
|
+ desc: `分享好友购买云机套餐,${this.returnContent?.content}`,
|
|
|
link: this.shareUrl,
|
|
|
imgUrl: location.origin + require('~/assets/image/logo.png'),
|
|
|
};
|
|
|
@@ -472,7 +492,6 @@ export default {
|
|
|
// padding-bottom: 30px;
|
|
|
padding-bottom: env(safe-area-inset-bottom, 30px);
|
|
|
background-color: #9525e3;
|
|
|
-
|
|
|
&.bg-1 {
|
|
|
background-image: url('~/assets/image/activity/invite-user/bg@2x.png');
|
|
|
}
|
zengzhixiang
