[edit][message and red-right]

src/view/red-packet.vue

@@ -19,7 +19,8 @@
               <div class="item-follow-title">
                 <img :src="require('@/assets/svg/icon-follow.svg')" alt />
                 <div class="item-title">Follow</div>
-                <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right" v-show="!data.done.follow" />
+                <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right"
+                  v-show="!data.done.follow && data.done.follow_red" />
                 <img v-if="data.done.follow" :src="require('@/assets/svg/icon-true.svg')" alt />
                 <div v-else class="btn" @click="clickFollowAll(item.relatedUsers)">Follow All</div>
               </div>
@@ -42,7 +43,8 @@
             <div class="item-content">
               <div class="item-title">Like</div>
             </div>
-            <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right" v-show="!data.done.like" />
+            <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right"
+              v-show="!data.done.like && data.done.like_red" />
             <img v-if="data.done.like" :src="require('@/assets/svg/icon-true.svg')" alt />
             <div v-else class="btn" @click="clickLickBtn">Like</div>
           </template>
@@ -51,7 +53,8 @@
             <div class="item-content">
               <div class="item-title">Retweet</div>
             </div>
-            <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right" v-show="!data.done.retweet" />
+            <img :src="require('@/assets/gif/red-right.gif')" alt class="red-right"
+              v-show="!data.done.retweet && data.done.retweet_red" />
             <img v-if="data.done.retweet" :src="require('@/assets/svg/icon-true.svg')" alt />
             <div v-else class="btn" @click="clickRetweetBtn">Retweet</div>
           </template>
@@ -656,21 +659,25 @@ function handleFinishRedPacket() {
                 if (_data[i].finished) {
                   data.done.follow = true
                 } else {
-                  alert('Please complete the task: follow')
+                  // alert('Please complete the task: follow')
+                  data.done.follow_red = true
                 }
                 break
               case '2':
                 if (_data[i].finished) {
                   data.done.like = true
                 } else {
-                  alert('Please complete the task: like tweet')
+                  // alert('Please complete the task: like tweet')
+                  data.done.like_red = true
                 }
                 break
               case '3':
                 if (_data[i].finished) {
                   data.done.retweet = true
                 } else {
-                  alert('Please complete the task: Retweet')
+                  // alert('Please complete the task: Retweet')
+                  data.done.retweet_red = true
+
                 }
                 break
             }
@@ -687,7 +694,7 @@ function handleFinishRedPacket() {
         data.retry = true
         break
       case "-106":
-        alert('Clicking too often, wait a moment and click again')
+        message.error('Clicking too often, wait a moment and click again')
         break
       default:
         console(res)