[edit][定时刷新]

src/view/iframe/treasure-hunt/all-receive-list.vue

@@ -17,7 +17,7 @@
                     </div>
                     <div class="right">
                         <div>
-                            <div class="name">{{ item.userInfo.nickName }}</div>
+                            <div class="name" @click="clickItem(item)">{{ item.userInfo.nickName }}</div>
                             <div class="time">{{ getBeforeTimeFormat(item.timestamp) }}</div>
                         </div>
                         <div class="money">${{ item.amountValue }}</div>

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

@@ -32,7 +32,7 @@
             <div class="item" v-for="item, i in state.boxs"
                 :style="{ 'margin-left': item.icon_margin_left, 'width': item.icon_width }">
                 <img :src="require('@/assets/svg/icon-user1.svg')" alt="" />
-                {{ item.successInviteCount }}/{{ item.finishNeedInviteCount }}
+                <span>{{ item.successInviteCount }}/{{ item.finishNeedInviteCount }}</span>
             </div>
 
         </div>
@@ -51,9 +51,11 @@ let gold_open_box = require('@/assets/img/icon-gold-open-box.png')
 let gold_close_box = require('@/assets/img/icon-gold-close-box.png')
 let purple_open_box = require('@/assets/img/icon-purple-open-box.png')
 let purple_close_box = require('@/assets/img/icon-purple-close-box.png')
+let global_refresh = inject('global_refresh')
 
-watch(state, () => {
-    if (state.refresh) {
+watch(global_refresh, () => {
+    if (global_refresh.value) {
+        console.log('global_refresh')
         init()
     }
 })
@@ -225,10 +227,13 @@ const boxsStatus = () => {
                 cursor: pointer;
             }
 
-            color: #FFFFFF;
-            opacity: 0.4;
-            font-weight: 500;
-            font-size: 12px;
+            span {
+                color: #FFFFFF;
+                opacity: 0.4;
+                font-weight: 500;
+                font-size: 12px;
+            }
+
 
         }
 

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

@@ -11,7 +11,7 @@
 
 </template>
 <script setup>
-import { reactive, provide, onMounted } from 'vue'
+import { reactive, provide, onMounted, ref } from 'vue'
 import VCover from '@/view/iframe/treasure-hunt/cover.vue'
 import VInvite from '@/view/iframe/treasure-hunt/invite.vue'
 import VResult from '@/view/iframe/treasure-hunt/result.vue'
@@ -44,11 +44,12 @@ let state = reactive({
     dialog: {
         show: false,
     },
-    refresh: false,
     start_task: {},
     toast: {},
     iframeId: ''
 })
+let global_refresh = ref(false)
+provide('global_refresh', global_refresh)
 provide('state', state)
 
 let params = {}
@@ -191,9 +192,9 @@ let gold_open_box_big = require('@/assets/img/icon-gold-open-box-big.png')
 
 state.refreshInit = () => {
     state.init(() => {
-        state.refresh = true
+        global_refresh.value = true
         setTimeout(() => {
-            state.refresh = false
+            global_refresh.value = false
         }, 1000)
     })
 }