[edit][开奖提示]

src/view/iframe/treasure-hunt/components/carousel.vue

@@ -15,7 +15,7 @@
                         @click="clickItem(item)">
                         <img :src="item.userInfo.avatarUrl" alt="" />
                         <span>Get</span> &nbsp;
-                        <span>${{ item.amountValue }}</span>
+                        <span>${{ item.amountUsdValue }}</span>
                     </div>
                 </div>
             </div>

src/view/iframe/treasure-hunt/components/invite-layer.vue

@@ -1,20 +1,22 @@
 <template>
-    <div class="layer">
-        <div>
+    <div class="layer" :class="{ 'down': state.page_status == '显示开奖' }">
+        <div v-if="Number(state.start_task.amountValue) > 0">
             <div class="n1">
-                You Win <span>$0.02 !</span>
+                You Win <span>${{ state.start_task.usdAmountValue }} !</span>
             </div>
             <div class="n2">Invite Friends to Open the Chest!</div>
         </div>
-        <!-- <div>
+        <div v-else>
             <div class="n1">
                 You are not <span>Real New follower</span>
             </div>
             <div class="n2">Invite Friends to Open the Chest!</div>
-        </div> -->
+        </div>
     </div>
 </template>
-<script>
+<script setup>
+import { inject } from 'vue'
+let state = inject('state')
 
 </script>
 <style scoped lang="scss">
@@ -52,14 +54,13 @@
     }
 }
 
-.up {
-    animation: frame_up 0.5s linear;
-    animation-fill-mode: forwards;
-}
-
 .down {
-    animation: frame_down 0.5s linear;
-    animation-fill-mode: forwards;
+    animation-name: frame_down, frame_up;
+    animation-duration: 0.5s, 0.5s;
+    animation-timing-function: ease, ease;
+    animation-delay: 0s, 5s;
+    animation-iteration-count: 1, 1;
+    animation-fill-mode: forwards, forwards;
 }
 
 @keyframes frame_down {

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

@@ -99,9 +99,13 @@ const toStart = (req) => {
     }).then((res) => {
         state.usersFollowStatusList = [];
         if (res.code == 0) {
-            state.page = '开奖页'
+            // state.page = '开奖页'
+            state.init(() => {
+                state.page = '邀请页'
+                state.page_status = '显示开奖'
+                state.btn_loading = false
+            })
             state.start_task = res.data
-            state.btn_loading = false
             if (req.response) {
                 let repost_tweetId = req.response.data.data.create_tweet.tweet_results.result.rest_id
                 reSetBindRepost({

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

@@ -26,6 +26,7 @@ import Report from "@/log-center/log"
 let state = reactive({
     loading_redbag: true,
     page: '',
+    page_status: '',
     detail: {},
     oldDetail: {},
     btn_loading: false,

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

@@ -1,7 +1,7 @@
 <template>
+    <invite-layer></invite-layer>
     <all-receive-list v-if="state.page_show == '总邀请者页'"></all-receive-list>
     <div v-show="state.page_show != '总邀请者页'">
-        <invite-layer></invite-layer>
         <!-- 邀请页 -->
         <div class="area-process" v-show-log="state.log_invite_show">
             <div class="area1">