[edit][刷新按钮]

src/assets/svg/icon-refresh-treasure.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.65 6.35C16.2 4.9 14.21 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C15.73 20 18.84 17.45 19.73 14H17.65C16.83 16.33 14.61 18 12 18C10.4087 18 8.88258 17.3679 7.75736 16.2426C6.63214 15.1174 6 13.5913 6 12C6 10.4087 6.63214 8.88258 7.75736 7.75736C8.88258 6.63214 10.4087 6 12 6C13.66 6 15.14 6.69 16.22 7.78L13 11H20V4L17.65 6.35Z" fill="#636363"/>
+<path d="M17.65 6.35C16.2 4.9 14.21 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C15.73 20 18.84 17.45 19.73 14H17.65C16.83 16.33 14.61 18 12 18C10.4087 18 8.88258 17.3679 7.75736 16.2426C6.63214 15.1174 6 13.5913 6 12C6 10.4087 6.63214 8.88258 7.75736 7.75736C8.88258 6.63214 10.4087 6 12 6C13.66 6 15.14 6.69 16.22 7.78L13 11H20V4L17.65 6.35Z" fill="#1D9BF0"/>
 </svg>

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

@@ -5,11 +5,11 @@
             <span>{{ state.inviteCount }} People Get Money</span>
         </div>
         <div class="content">
-            <div class="error" v-if="state.invited_list.length == 0">
+            <div class="error" v-if="state.receive.list.length == 0 && state.receive.end">
                 Invite people to hunt treasure with you!
             </div>
             <div class="list" v-else @scroll="handleScroll($event)">
-                <div class="item" v-for="item in state.invited_list" :key="item.userInfo.uid">
+                <div class="item" v-for="item in state.receive.list" :key="item.userInfo.uid">
                     <div class="left">
                         <img :src="item.userInfo.avatarUrl" alt="" @click="clickItem(item)" />
                     </div>
@@ -32,7 +32,10 @@ import { getBeforeTimeFormat } from "@/uilts/help"
 import Report from "@/log-center/log"
 
 let state = inject('state')
-state.invited_list = []
+state.receive = {
+    end: false,
+    list: []
+}
 let page_num = 1
 let page_size = 10
 let list_end = false
@@ -74,6 +77,7 @@ const list = () => {
     }).then((res) => {
         if (res.code == 0) {
             handleCommon(res.data)
+            state.receive.end = true
         }
     })
 }
@@ -121,16 +125,15 @@ let inviteListScroll = () => {
         if (res.code == 0) {
 
             handleCommon(res.data)
+
         }
     })
 }
-
-
 </script>
 <style lang="scss" scoped>
 .invite-list {
     width: 375px;
-    height: 500px;
+    height: 580px;
 
     .head {
         width: 100%;

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

@@ -52,14 +52,6 @@ const clickBtn = () => {
     }
 }
 
-state.refreshInit = () => {
-    state.init(() => {
-        state.refresh = true
-        setTimeout(() => {
-            state.refresh = false
-        }, 1000)
-    })
-}
 
 const refresh = () => {
     if (!refreshRotate.value) {

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

@@ -80,7 +80,6 @@ const mouseLeave = () => {
 
 
         div:nth-child(1) {
-            margin-bottom: 6px;
             display: flex;
             align-items: center;
 
@@ -99,6 +98,7 @@ const mouseLeave = () => {
         }
 
         div:nth-child(2) {
+            margin: 6px 0;
             text-align: center;
             color: #FFFFFF;
             opacity: 0.4;

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

@@ -30,6 +30,7 @@ let state = reactive({
     detail: {},
     oldDetail: {},
     btn_loading: false,
+    timer: null,
     open_box: {
         showed: false,
         show: false,
@@ -187,6 +188,15 @@ const handleCommon = (res, callback) => {
 let silver_open_box_big = require('@/assets/img/icon-silver-open-box-big.png')
 let gold_open_box_big = require('@/assets/img/icon-gold-open-box-big.png')
 
+state.refreshInit = () => {
+    state.init(() => {
+        state.refresh = true
+        setTimeout(() => {
+            state.refresh = false
+        }, 1000)
+    })
+}
+
 state.treasureOpen = () => {
     treasureOpen({
         params: {
@@ -272,7 +282,9 @@ const handleStatus = (callback) => {
         }
         // 如果 夺宝参与状态 = 已参与夺宝
         else if (joinStatus == 1) {
-            state.page = '邀请页'
+            if (state.page != '总邀请者页') {
+                state.page = '邀请页'
+            }
         }
     }
     // 如果 夺宝状态 = 已结束

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

@@ -10,16 +10,6 @@
         <invite-list></invite-list>
     </div>
 
-    <!-- <div class="area-nav">
-        <div class="item" :class="{ active: state.tab_index == i }" @click="state.tab_index = i"
-            v-for="item, i in state.tabs">
-            <img :src="require('@/assets/svg/icon-invite.svg')" alt=""
-                :style="{ opacity: state.tab_index == 0 ? '1' : '0.55' }" v-if="i == 0" />
-            <img :src="require('@/assets/svg/icon-invite-list.svg')" alt=""
-                :style="{ opacity: state.tab_index == 1 ? '1' : '0.55' }" v-if="i == 1" />
-            {{ item.txt }}
-        </div>
-    </div> -->
     <div class="area-info">
         <invite-friends></invite-friends>
         <!-- -->
@@ -62,9 +52,11 @@ state.tabs = [{
 }]
 
 onMounted(() => {
-    setInterval(() => {
-        state.refresh = true
-        state.refresh = false
+    if (state.timer) {
+        return
+    }
+    state.timer = setInterval(() => {
+        state.refreshInit()
     }, 30000)
 })