增加倒计时

src/views/vote/Index.vue

@@ -6,21 +6,21 @@
       <div class="vote-box" style="margin-top: 0.2rem">
         <p>{{ announce }}</p>
       </div>
-      <div class="vote-button" @click="toHome">回到首页</div>
+      <div class="vote-button" @click="goHome">回到首页</div>
     </template>
 
     <!-- 已投票 -->
     <template v-else-if="hasVote">
       <div class="vote-banner"><img src="../../assets/img/vote_banner.png" /></div>
       <h1 class="vote-tips">您已投票成功</h1>
-      <div class="vote-button" @click="toHome">回到首页</div>
+      <div class="vote-button" @click="goHome">回到首页</div>
     </template>
 
     <!-- 投票结束 -->
     <template v-else-if="status === 0">
       <div class="vote-banner"><img src="../../assets/img/vote_banner.png" /></div>
       <h1 class="vote-tips">投票已截止，请等待公示</h1>
-      <div class="vote-button" @click="toHome">回到首页</div>
+      <div class="vote-button" @click="goHome">回到首页</div>
     </template>
 
     <!-- 投票中 -->
@@ -61,7 +61,7 @@ export default {
         this.hasVote = response.flag
       })
     },
-    toHome() {
+    goHome() {
       this.$router.replace('/')
     }
   },

src/views/vote/Primary.vue

@@ -14,7 +14,12 @@
     <div class="vote-button" @click="handSubmit">确认投票</div>
     <van-dialog v-model="show" title="您已投票成功" :showConfirmButton="false">
       <img src="../../assets/img/vote_success.png" class="vote-success-icon" />
-      <div class="vote-button-success" @click="goHome">回到首页</div>
+      <div class="vote-button-success" @click="goHome">
+        回到首页
+        <van-count-down ref="countDown" :time="3000" :auto-start="false" @finish="finish">
+          <template #default="timeData"> ({{ timeData.seconds }}) </template>
+        </van-count-down>
+      </div>
     </van-dialog>
   </div>
 </template>
@@ -50,9 +55,15 @@ export default {
       api.addVote(ids).then(response => {
         if (response.success) {
           this.show = true
+          this.$nextTick(() => {
+            this.$refs.countDown.start()
+          })
         }
       })
     },
+    finish() {
+      this.goHome()
+    },
     goHome() {
       this.$router.replace('/')
     }
@@ -96,4 +107,8 @@ export default {
   text-align: center;
   cursor: pointer;
 }
+::v-deep .van-count-down {
+  display: inline;
+  color: #fff;
+}
 </style>
\ No newline at end of file