Selaa lähdekoodia

feat(邀请好友): 修改分享文案

zengzhixiang 2 vuotta sitten
vanhempi
commit
1cc8c16bb3
3 muutettua tiedostoa jossa 42 lisäystä ja 9 poistoa
  1. 9 0
      app.html
  2. 4 0
      assets/style/main.scss
  3. 29 9
      pages/activity/invite-user/index.vue

+ 9 - 0
app.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html {{ HTML_ATTRS }}>
+  <head {{ HEAD_ATTRS }}>
+    {{ HEAD }}
+  </head>
+  <body {{ BODY_ATTRS }}>
+    {{ APP }}
+  </body>
+</html>

+ 4 - 0
assets/style/main.scss

@@ -4,4 +4,8 @@ html {
   // * {
   //   box-sizing: inherit;
   // }
+  // overscroll-behavior-y: contain;
+}
+body {
+  // overscroll-behavior-y: contain;
 }

+ 29 - 9
pages/activity/invite-user/index.vue

@@ -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'),
       };