[add][逻辑]

src/view/iframe/treasure-hunt/btn.vue

@@ -6,7 +6,7 @@
     </div>
 </template>
 <script setup>
-import { defineProps } from 'vue'
+import { defineProps, defineEmits } from 'vue'
 defineProps({
     txt: {
         type: String,
@@ -21,8 +21,9 @@ defineProps({
         default: '20px'
     }
 })
+const emit = defineEmits(['on-click'])
 const clickBtn = () => {
-
+    emit('on-click')
 }
 </script>
 <style scoped lang="scss">

src/view/iframe/treasure-hunt/cover.vue

@@ -2,24 +2,31 @@
     <!-- 封面页 -->
     <div class="cover">
         <v-head></v-head>
-        <!-- 邀请人 -->
-        <div class="invite">
-            <img :src="require('@/assets/svg/icon-warning.svg')" alt="" />
-            <span>@Younan666 invite you to</span>
-        </div>
-        <div class="treasure">
-            <span>Treasure</span>
-            <span>$100</span>
-        </div>
-        <div class="gain">
-            <span>Your Gain Up to</span>
-            <span>$</span>
-            <span>1</span>
-        </div>
-        <div class="coin">
-            <img :src="require('@/assets/svg/icon-warning.svg')" alt="" />
-            <span>SHIB equivalent (Crypto)</span>
+        <templat v-if="state.cover_status == '有邀请人' || state.cover_status == '无邀请人'">
+            <!-- 邀请人 -->
+            <div class="invite">
+                <img :src="require('@/assets/svg/icon-warning.svg')" alt="" />
+                <span>@Younan666 invite you to</span>
+            </div>
+            <div class="treasure">
+                <span>Treasure</span>
+                <span>$100</span>
+            </div>
+            <div class="gain">
+                <span>Your Gain Up to</span>
+                <span>$</span>
+                <span>1</span>
+            </div>
+            <div class="coin">
+                <img :src="require('@/assets/svg/icon-warning.svg')" alt="" />
+                <span>SHIB equivalent (Crypto)</span>
+            </div>
+        </templat>
+        <div class="waring" v-if="state.cover_status == '奖励已被领光'">
+            <div>All treasures</div>
+            <div>are hunted</div>
         </div>
+
         <div class="box">
             <img :src="require('@/assets/img/icon-treasure-box.png')" alt="" />
         </div>
@@ -27,7 +34,7 @@
             <img :src="require('@/assets/svg/icon-three-line.svg')" alt="" />
             <span>to Hunt Treasure</span>
         </div>
-        <v-btn :txt="'Start'"></v-btn>
+        <v-btn :txt="'Start'" @onClick="clickStart"></v-btn>
     </div>
 
 </template>
@@ -36,9 +43,13 @@ import { inject } from 'vue'
 import VBtn from '@/view/iframe/treasure-hunt/btn.vue'
 import VHead from '@/view/iframe/treasure-hunt/head.vue'
 let state = inject('state')
+state.cover_status = '有邀请人'
+state.cover_status = '无邀请人'
+state.cover_status = '奖励已被领光'
 
 const clickStart = () => {
     state.page = '邀请页'
+
     console.log(state)
 }
 </script>
@@ -69,6 +80,16 @@ const clickStart = () => {
         }
     }
 
+    .waring {
+        margin-top: 54px;
+        font-weight: 900;
+        font-size: 34px;
+        color: #FFFFFF;
+        text-align: center;
+        opacity: 0.7;
+        margin-bottom: 35px;
+    }
+
     .invite {
         background: rgba(255, 255, 255, 0.1);
         height: 28px;