[edit][ui]

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

@@ -125,7 +125,8 @@ const refresh = () => {
 
     .disabled {
         cursor: no-drop;
-        background: #F1F1F1;
+        background: rgba(56, 154, 255, 0.2);
+        color: #FFFFFF;
         width: 305px;
         font-weight: 600;
         margin: 0;
@@ -133,7 +134,7 @@ const refresh = () => {
 
         span {
             font-weight: 600;
-            color: #AFAFAF;
+            color: #FFFFFF;
         }
     }
 

src/view/iframe/treasure-hunt/components/open-box.vue

@@ -15,7 +15,8 @@
                     </div>
                 </div>
             </div>
-            <v-btn :txt="'OK'" :font-size="'16px'" class="btn" :icon="false" v-click-log="state.log_open_box_btn_click" @onClick="clickBtn"></v-btn>
+            <v-btn :txt="'OK'" :font-size="'16px'" class="btn" :icon="false" v-click-log="state.log_open_box_btn_click"
+                @onClick="clickBtn"></v-btn>
         </div>
     </div>
 </template>
@@ -31,7 +32,7 @@ state.log_open_box_show = {
     businessType: Report.businessType.pageView,
     pageSource: Report.pageSource.openTreasurePage,
     redPacketType: Report.redPacketType.treasure,
-    shareLinkId:  state.invite_code,
+    shareLinkId: state.invite_code,
     myShareLinkId: state.detail.inviteCopyUrl,
     currentInvitedNum: state.detail.inviteCount,
     postId: state.postId
@@ -43,7 +44,7 @@ state.log_open_box_btn_click = {
     pageSource: Report.pageSource.openTreasurePage,
     objectType: Report.objectType.nextButton,
     redPacketType: Report.redPacketType.treasure,
-    shareLinkId:  state.invite_code,
+    shareLinkId: state.invite_code,
     myShareLinkId: state.detail.inviteCopyUrl,
     currentInvitedNum: state.detail.inviteCount,
     postId: state.postId
@@ -133,6 +134,7 @@ const clickBtn = () => {
                 img {
                     width: 17px;
                     height: 17px;
+                    margin: 0;
                     margin-right: 5px;
                 }
 

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

@@ -27,6 +27,10 @@
     <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>
@@ -54,7 +58,7 @@ state.log_invite_show = {
     businessType: Report.businessType.pageView,
     pageSource: Report.pageSource.inviteFriendsPage,
     redPacketType: Report.redPacketType.treasure,
-    shareLinkId:  state.invite_code,
+    shareLinkId: state.invite_code,
     myShareLinkId: state.detail.inviteCopyUrl,
     currentInvitedNum: state.detail.inviteCount,
     postId: state.postId
@@ -158,9 +162,9 @@ const btnStatus = () => {
         if (state.boxs[i].taskFinishStatus == 0) {
             let num = state.boxs[i].finishNeedInviteCount - state.boxs[i].successInviteCount
             if (num == 1) {
-                state.open_btn.txt = 'Invite a friend to open the chest'
+                state.open_btn.txt = 'Invite 1 Friend to Open'
             } else {
-                state.open_btn.txt = `Invite ${num} friends to open the chest`
+                state.open_btn.txt = `Invite ${num} Friends to Open`
             }
             state.open_btn.disabled = true
             break
@@ -172,7 +176,7 @@ const btnStatus = () => {
     // 有打开的箱子 Open the chest
     state.boxs.forEach((item, index) => {
         if (item.taskFinishStatus == 1 && item.openStatus == 0) {
-            state.open_btn.txt = 'Open the Chest'
+            state.open_btn.txt = 'Open the Treasure Chest'
             state.open_btn.disabled = false
             if (!state.treasureId) {
                 state.treasureId = item.id
@@ -186,7 +190,7 @@ const btnStatus = () => {
             open_num++
         }
         if (open_num == state.boxs.length) {
-            state.open_btn.txt = 'All Chests are Open'
+            state.open_btn.txt = 'All Chests Have Been Opened'
             state.open_btn.disabled = true
         }
     })
@@ -362,6 +366,9 @@ const mouseLeave = () => {
     display: flex;
 
     .item {
+        display: flex;
+        justify-content: center;
+        align-items: center;
         user-select: none;
         color: #757575;
         background: #F0F0F0;
@@ -371,6 +378,12 @@ const mouseLeave = () => {
         font-size: 14px;
         line-height: 38px;
         cursor: pointer;
+
+        img {
+            margin-right: 8px;
+            width: 20px;
+            height: 20px;
+        }
     }
 
     .active {