From d971c0e4b6e52d62ef39e4db91267bf38606763e Mon Sep 17 00:00:00 2001
From: yuyongdong <yuyongdong@kingsome.cn>
Date: Wed, 17 Apr 2024 13:00:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=A1=88=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                   |   2 +-
 src/components/errorDialog/index.js |  10 +-
 src/components/loading.vue          |   2 +-
 src/views/home/boxBtm.vue           |   1 -
 src/views/home/gameView.vue         |  15 +-
 src/views/home/helpDialog.vue       |   6 +-
 src/views/home/index.vue            | 211 ++++++++++++++++++----------
 src/views/home/ranking.vue          |   2 +-
 src/views/home/ruleDialog.vue       |   6 +-
 9 files changed, 159 insertions(+), 96 deletions(-)

diff --git a/public/index.html b/public/index.html
index f5e22ef..ca178da 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
     <meta name="theme-color" content="#ffffff">
     <meta
       name="description"
-      content="Explore to get chests, boost to full power!"
+      content="Explore for chests; boost to unlock their full potential"
     />
     <meta
       property="og:image"
diff --git a/src/components/errorDialog/index.js b/src/components/errorDialog/index.js
index bd33348..3b8ee6d 100644
--- a/src/components/errorDialog/index.js
+++ b/src/components/errorDialog/index.js
@@ -9,17 +9,17 @@ let errmsg = err
     errmsg = JSON.stringify(err);
   }
   if (errmsg.indexOf('insufficient tickets') > -1) {
-    errmsg = 'Insufficient exploration attempts'
+    errmsg = 'Not enough exploration attempts.'
   } else if(errmsg.indexOf('invalid opcode: opcode 0xd8 not defined') > -1) {
     errmsg = `Claim failed due to insufficient gas.`
   } else if(errmsg.indexOf('User rejected the request') > -1) {
-    errmsg = `User refuses to switch networks`
+    errmsg = `Please select the correct network to continue.`
   } else if(errmsg.indexOf('User denied transaction signature') > -1) {
-    errmsg = `User refuses to sign`
+    errmsg = `Signature required to proceed.`
   } else if(errmsg.indexOf('Internal JSON-RPC error') > -1) {
-    errmsg = `Insufficient gas fees`
+    errmsg = `Insufficient gas fees.`
   } else if(errmsg.indexOf('Hash: not available') > -1) {
-    errmsg = `Operation timed out. Please retry`
+    errmsg = `Operation timed out. Please retry.`
   } else if(errmsg.indexOf('chest already opened') > -1) {
     errmsg = 'chest already opened'
   // } else if(errmsg.indexOf('chest already opened') > -1) {
diff --git a/src/components/loading.vue b/src/components/loading.vue
index 8f87187..796a35e 100644
--- a/src/components/loading.vue
+++ b/src/components/loading.vue
@@ -5,7 +5,7 @@
         <div>
           <img src="@/assets/common/loding .png" alt />
         </div>
-        <p>Please wait. Data is currently loading </p>
+        <p>Please wait. Data is loading</p>
       </div>
     </el-dialog>
   </div>
diff --git a/src/views/home/boxBtm.vue b/src/views/home/boxBtm.vue
index 208eb91..0879fa9 100644
--- a/src/views/home/boxBtm.vue
+++ b/src/views/home/boxBtm.vue
@@ -202,7 +202,6 @@
           <template slot="empty">
             <div>No Data</div>
           </template>
-          <el-table-column label="Action">Open the Treasure</el-table-column>
           <el-table-column label="Time">
             <template
               slot-scope="scope"
diff --git a/src/views/home/gameView.vue b/src/views/home/gameView.vue
index 420b827..099b1bb 100644
--- a/src/views/home/gameView.vue
+++ b/src/views/home/gameView.vue
@@ -108,10 +108,17 @@ export default {
             this.isLoading = false
             cc.mainAnim.setCurrPos(getTotalUsed)
             cc.mainAnim.setData(step)
-            let stepTimeId = setInterval(() => {
-              this.$emit('awardDialog', data)
-              clearInterval(stepTimeId)
-            },step*2000)
+            if(step >=8) {
+              let stepTimeId = setInterval(() => {
+                this.$emit('awardDialog', data)
+                clearInterval(stepTimeId)
+              },8*2000)
+            } else {
+              let stepTimeId = setInterval(() => {
+                this.$emit('awardDialog', data)
+                clearInterval(stepTimeId)
+              },step*2000)
+            }
             localStorage.removeItem(storeageKey)
             clearInterval(serTimeId)
           }
diff --git a/src/views/home/helpDialog.vue b/src/views/home/helpDialog.vue
index ed7765e..4d8e5e1 100644
--- a/src/views/home/helpDialog.vue
+++ b/src/views/home/helpDialog.vue
@@ -176,13 +176,13 @@ export default {
             // 4、开始助力
             await this.sendEnhanceReq(this.boxCode)
         } else {
-          this.$showErr('Boosting limit')
+          this.$showErr('Boost limit reached.')
         }
       } else {
-        this.$showErr('Insufficient boosting attempts')
+        this.$showErr('Not enough boosts available.')
       }
       } else {
-        this.$showErr('Boosting already performed')
+        this.$showErr('Already boosted.')
       }
       
       
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 4bbd47f..98be2b2 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -11,23 +11,29 @@
               <li>
                 <div class="top">
                   <span class="textCol4">{{ myInviteCount }}</span>
-                  <img src="./../../assets/common/Invites.png" alt="">
+                  <div>
+                    <img src="./../../assets/common/Invites.png" alt="">
+                  </div>
                 </div>
                 <div class="btm">Invites</div>
-                <div class="hover-tips">Successful invtations</div>
+                <div class="hover-tips">Successful invitations</div>
               </li>
               <li>
                 <div class="top">
                   <span class="textCol3">{{ myEnhanceCount }}</span>
-                  <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                  <div>
+                    <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                  </div>
                 </div>
                 <div class="btm">Boosting</div>
-                <div class="hover-tips">Daily boosting reamaining times</div>
+                <div class="hover-tips">Remaining Daily Boosts</div>
               </li>
               <li>
                 <div class="top">
                   <span class="textCol2">{{ todayStepTicket }}</span>
-                  <img src="./../../assets/common/Icon_Explore.png" alt="">
+                  <div>
+                    <img src="./../../assets/common/Icon_Explore.png" alt="">
+                  </div>
                 </div>
                 <div class="btm">Exploration</div>
                 <div class="hover-tips">Explorations obtained</div>
@@ -35,10 +41,12 @@
               <li>
                 <div class="top">
                   <span class="textCol1">{{ usesScore }}</span>
-                  <img src="./../../assets/common/Icon_Points.png" alt="">
+                  <div>
+                    <img src="./../../assets/common/Icon_Points.png" alt="">
+                  </div>
                 </div>
                 <div class="btm">Points</div>
-                <div class="hover-tips">Explorations obtained</div>
+                <div class="hover-tips">Explorations Earned</div>
               </li>
               <div class="touxiang">
                 <UserImg :imgSrc="myTwitterAvatar" />
@@ -47,7 +55,7 @@
             <div class="left-top-points-right">
               <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
               <img v-else src="@/assets/common/wallet-no.png" alt="">
-              <div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
+              <div class="hover-tips">Partner NFT collection holders get extra rewards</div>
             </div>
           </div>
         </div>
@@ -63,13 +71,17 @@
             </p>
           </div>
           <div class="left-title-right">
-            <p>Invite friends to earn</p>
-            <p>more rewards <span class="tips" @click="ruleDialogVisible = true">!</span></p>
+            <div class="rule" @click="ruleDialogVisible = true">
+              <img src="@/assets/home/Icon_.png" alt="">
+            </div>
+            <div class="text">
+              <p>Invite friends to earn</p>
+              <p>more rewards</p>
+            </div>
             <div class="copy-btn" @click="copyLinkCode"><img src="./../../assets/common/Icon_Explore.png" alt=""> Copy referral link</div>
             <div class="copy-see" @click="isLogin">
               View Invites
             </div>
-            <div class="rule"></div>
           </div>
         </div>
         <div class="explore">
@@ -83,7 +95,7 @@
             <h4>How it works</h4>
             <div
               class="desc"
-            >Every step is filled with possibilities; every movement might begin a new chapter. <br /> All on-chain activities are built on opBNB. <br />Click on the smiley face to view more details on Medium</div>
+            >Every step is filled with possibilities; every movement might begin a new chapter.<br />All on-chain activities are powered by opBNB. <br />Click the smiley face for more details on Medium.</div>
           </div>
           <div class="explore-desc-map" v-if="navIndex == 1">
             <li>
@@ -234,7 +246,7 @@
           <div class="calen-content">
             <Calen ref="renewCheck" :activityData='activityData' />
             <div class="rewards">
-              <p>Cumulative Rewards</p>
+              <p>Consecutive Sign-In Rewards</p>
               <div v-if="gameStateData.totalStat" class="rewards-list">
                 <li v-for="(item, index) in gameStateData.totalStat" :key="index">
                   <div class="center no-state" v-if="item.state == 0">
@@ -314,7 +326,7 @@
               </div>
             </div>
             <div class="rewards">
-              <p>Bonus Rewards</p>
+              <p>Accumulative Sign-In Rewards</p>
               <div v-if="gameStateData.seqStat" class="rewards-list">
                 <li v-for="(item, index) in gameStateData.seqStat" :key="index">
                   <div class="center no-state" v-if="item.state == 0">
@@ -469,15 +481,19 @@
                   <li>
                     <div class="top">
                       <span class="textCol4">{{ myInviteCount }}</span>
-                      <img src="./../../assets/common/Invites.png" alt="">
+                      <div>
+                        <img src="./../../assets/common/Invites.png" alt="">
+                      </div>
                     </div>
                     <div class="btm">Invites</div>
-                    <div class="hover-tips">Successful invtations</div>
+                    <div class="hover-tips">Successful invitations</div>
                   </li>
                   <li>
                     <div class="top">
                       <span class="textCol3">{{ myEnhanceCount }}</span>
-                      <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                      <div>
+                        <img src="./../../assets/common/Icon_Boosting.png" alt="">
+                      </div>
                     </div>
                     <div class="btm">Boosting</div>
                     <div class="hover-tips">Daily boosting reamaining times</div>
@@ -485,7 +501,9 @@
                   <li>
                     <div class="top">
                       <span class="textCol2">{{ todayStepTicket }}</span>
-                      <img src="./../../assets/common/Icon_Explore.png" alt="">
+                      <div>
+                        <img src="./../../assets/common/Icon_Explore.png" alt="">
+                      </div>
                     </div>
                     <div class="btm">Exploration</div>
                     <div class="hover-tips">Explorations obtained</div>
@@ -493,10 +511,12 @@
                   <li>
                     <div class="top">
                       <span class="textCol1">{{ usesScore }}</span>
-                      <img src="./../../assets/common/Icon_Points.png" alt="">
+                      <div>
+                        <img src="./../../assets/common/Icon_Points.png" alt="">
+                      </div>
                     </div>
                     <div class="btm">Points</div>
-                    <div class="hover-tips">Explorations obtained</div>
+                    <div class="hover-tips">Explorations Earned</div>
                   </li>
                   <div class="touxiang">
                     <UserImg :imgSrc="myTwitterAvatar" />
@@ -505,7 +525,7 @@
                 <div class="left-top-points-right">
                   <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
                   <img v-else src="@/assets/common/wallet-no.png" alt="">
-                  <div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
+                  <div class="hover-tips">Partner NFT collection holders get extra rewards</div>
                 </div>
               </div>
             </div>
@@ -1296,7 +1316,6 @@ export default {
           display: flex;
           align-items: center;
           .left-top-points-left {
-            // width: 140px;
             display: flex;
             height: 50px;
             padding-right: 30px;
@@ -1316,6 +1335,7 @@ export default {
                 width: 240px;
                 height: 100px;
                 line-height: 90px;
+                font-size: 14px;
                 background: url('@/assets/common/WL .png') no-repeat;
                 background-size: 100% 100%;
                 z-index: 1;
@@ -1324,6 +1344,7 @@ export default {
                 display: flex;
                 justify-content: end;
                 align-items: center;
+                height: 16px;
                 font-weight: 600;
                 text-align: right;
                 span {
@@ -1338,10 +1359,13 @@ export default {
                 .textCol3 {
                   color: #0095FF;
                 }
-                img {
-                  width: 15px;
-                  height: 15px;
+                div {
+                  width: 17px;
+                  height: 16px;
                   margin-left: 5px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
                 }
               }
               .btm {
@@ -1373,6 +1397,12 @@ export default {
                 }
               }
             }
+            li:nth-child(3) {
+              img {
+                width: 15px;
+                height: 15px;
+              }
+            }
             li:nth-child(4) {
               img {
                 width: 12px;
@@ -1387,13 +1417,13 @@ export default {
               right: -20px;
               transform: translateY(-50%);
               div {
-                width: 60px;
-                height: 60px;
+                width: 100%;
+                height: 100%;
               }
             }
           }
           .left-top-points-right {
-            margin-left: 30px;
+            margin-left: 40px;
             width: 60px;
             height: 60px;
             cursor: pointer;
@@ -1410,6 +1440,7 @@ export default {
               width: 590px;
               height: 120px;
               line-height: 110px;
+              font-size: 14px;
               background: url('@/assets/common/WL .png') no-repeat;
               background-size: 100% 100%;
             }
@@ -1457,31 +1488,26 @@ export default {
           background: url('./../../assets/home/invite_box.png') no-repeat;
           background-size: 100% 100%;
           border-radius: 20px;
-          p {
-            font-family: 'Poppins-SemiBold';
-            font-size: 16px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            span {
-              display: inline-block;
-              width: 30px;
-              height: 30px;
-              line-height: 30px;
-              margin-left: 10px;
-              background: #201d27;
-              border-radius: 50%;
-              font-size: 18px;
-              font-weight: 700;
-              cursor: pointer;
+          position: relative;
+          .rule {
+            position: absolute;
+            top: 10px;
+            right: 20px;
+            width: 25px;
+            height: 25px;
+            img {
+              width: 100%;
+              height: 100%;
             }
           }
-          .textCol {
-            font-size: 28px;
-            font-weight: 700;
-            background-image: -webkit-linear-gradient(right, #d1a158, #a154ff);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
+          .text {
+            p {
+              font-family: 'Poppins-SemiBold';
+              font-size: 16px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
           }
           .copy-btn {
             font-size: 14px;
@@ -1510,9 +1536,6 @@ export default {
             font-family: 'Poppins-Regular';
             cursor: pointer;
           }
-          .rule {
-
-          }
         }
       }
       .explore {
@@ -2017,14 +2040,23 @@ export default {
             border-radius: 20px;
             margin-right: 20px;
             li {
+              display: flex;
+              align-items: center;
               margin: 0 5px;
-              div {
-                width: 16px;
-                height: 15px;
-                text-align: center;
-                img {
-                  width: 100%;
-                  height: 100%;
+              height: 40px;
+              a {
+                display: flex;
+                align-items: center;
+                div {
+                  display: flex;
+                  align-items: center;
+                  width: 16px;
+                  height: 15px;
+                  text-align: center;
+                  img {
+                    width: 100%;
+                    height: 100%;
+                  }
                 }
               }
             }
@@ -2276,10 +2308,8 @@ export default {
               display: flex;
               align-items: center;
               .left-top-points-left {
-                // width: 140px;
                 display: flex;
                 height: 50px;
-                align-items: center;
                 background: url('@/assets/common/User-bar.png') no-repeat;
                 background-size: 100% 100%;
                 position: relative;
@@ -2296,6 +2326,7 @@ export default {
                     width: 240px;
                     height: 100px;
                     line-height: 90px;
+                    font-size: 14px;
                     background: url('@/assets/common/WL .png') no-repeat;
                     background-size: 100% 100%;
                     z-index: 1;
@@ -2304,6 +2335,7 @@ export default {
                     display: flex;
                     justify-content: end;
                     align-items: center;
+                    height: 16px;
                     font-weight: 600;
                     text-align: right;
                     span {
@@ -2318,10 +2350,17 @@ export default {
                     .textCol3 {
                       color: #0095FF;
                     }
-                    img {
-                      width: 15px;
-                      height: 15px;
+                    div {
+                      width: 17px;
+                      height: 16px;
                       margin-left: 5px;
+                      display: flex;
+                      align-items: center;
+                      justify-content: center;
+                      // img {
+                      //   width: 100%;
+                      //   height: 100%;
+                      // }
                     }
                   }
                   .btm {
@@ -2353,6 +2392,16 @@ export default {
                     }
                   }
                 }
+                li:nth-child(3) {
+                  .top {
+                    div {
+                      img {
+                        width: 15px;
+                        height: 15px;
+                      }
+                    }
+                  }
+                }
                 li:nth-child(4) {
                   img {
                     width: 12px;
@@ -2367,13 +2416,13 @@ export default {
                   right: -20px;
                   transform: translateY(-50%);
                   div {
-                    width: 60px;
-                    height: 60px;
+                    width: 100%;
+                    height: 100%;
                   }
                 }
               }
               .left-top-points-right {
-                margin-left: 30px;
+                margin-left: 40px;
                 width: 60px;
                 height: 60px;
                 cursor: pointer;
@@ -2390,6 +2439,7 @@ export default {
                   width: 590px;
                   height: 120px;
                   line-height: 110px;
+                  font-size: 14px;
                   background: url('@/assets/common/WL .png') no-repeat;
                   background-size: 100% 100%;
                 }
@@ -2452,14 +2502,23 @@ export default {
                 border-radius: 20px;
                 margin-right: 20px;
                 li {
+                  display: flex;
+                  align-items: center;
                   margin: 0 5px;
-                  div {
-                    width: 16px;
-                    height: 15px;
-                    text-align: center;
-                    img {
-                      width: 100%;
-                      height: 100%;
+                  height: 40px;
+                  a {
+                    display: flex;
+                    align-items: center;
+                    div {
+                      display: flex;
+                      align-items: center;
+                      width: 16px;
+                      height: 15px;
+                      text-align: center;
+                      img {
+                        width: 100%;
+                        height: 100%;
+                      }
                     }
                   }
                 }
diff --git a/src/views/home/ranking.vue b/src/views/home/ranking.vue
index 9eaed28..9b970c9 100644
--- a/src/views/home/ranking.vue
+++ b/src/views/home/ranking.vue
@@ -30,7 +30,7 @@
               </div>
               <div class="list-btm" v-if="token">
                 <div class="ranking" v-if="usesRank == '-'">{{ usesRank }}</div>
-                <div class="ranking" v-else-if="usesRank >= 100">Not in the top 100 yet</div>
+                <div class="ranking" v-else-if="usesRank >= 100">Outside the Top 100</div>
                 <div class="ranking" v-else>{{ usesRank+1 }}</div>
               </div>
               <div class="list-btm" v-else>
diff --git a/src/views/home/ruleDialog.vue b/src/views/home/ruleDialog.vue
index 8cbcd25..ef2e1e2 100644
--- a/src/views/home/ruleDialog.vue
+++ b/src/views/home/ruleDialog.vue
@@ -11,13 +11,11 @@
         <div class="content">
           <div class="points-title">Invitation Rules</div>
           <div>
-            After other users successfully bind their wallets through the link you shared, 
+            A successful invitation occurs when another user binds their wallet using your shared link.
           </div>
-          <div>it is considered a successful invitation. </div>
           <div>
-            Whenever they earn points (excluding the benefits from invitations), 
+            You'll receive a bonus equivalent to 10% of their earned points (invitation benefits excluded) every time they gain points.
           </div>
-          <div>they will provide you with an additional 10% of the points earned Got it.</div>
         </div>
         <div class="btn" @click="ExploreDialog">Confirm</div>
     </el-dialog>