From ad6614e33855f75cf205651e2d702a435b332bd6 Mon Sep 17 00:00:00 2001
From: tnt group <dodu@live.cn>
Date: Sun, 2 Oct 2022 23:06:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=80=92=E8=AE=A1?=
 =?UTF-8?q?=E6=97=B6=E7=BB=84=E4=BB=B6=20Extraneous=20non-props=20attribut?=
 =?UTF-8?q?es=20=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Decorates/Mores/CountDown/index.vue       | 116 +++++++++---------
 1 file changed, 59 insertions(+), 57 deletions(-)

diff --git a/src/packages/components/Decorates/Mores/CountDown/index.vue b/src/packages/components/Decorates/Mores/CountDown/index.vue
index 8dde8706..263d6187 100644
--- a/src/packages/components/Decorates/Mores/CountDown/index.vue
+++ b/src/packages/components/Decorates/Mores/CountDown/index.vue
@@ -1,13 +1,30 @@
 <template>
-  <n-countdown
-    ref="countdownRef"
-    :duration="totalDuration"
-    :render="renderCountdown"
-    :active="countdownActive"
-    v-show="false"
-  />
-  <n-space class="go-decorates-more-countdown" :size="flipperGap" align="center" justify="center">
-    <template v-if="showDay">
+  <div>
+    <n-countdown
+      ref="countdownRef"
+      :duration="totalDuration"
+      :render="renderCountdown"
+      :active="countdownActive"
+      v-show="false"
+    />
+    <n-space class="go-decorates-more-countdown" :size="flipperGap" align="center" justify="center">
+      <template v-if="showDay">
+        <flipper
+          :count="item"
+          :width="flipperWidth"
+          :height="flipperHeight"
+          :front-color="flipperTextColor"
+          :back-color="flipperBgColor"
+          :radius="flipperRadius"
+          :flip-type="flipperType"
+          :duration="flipperSpeed"
+          v-for="(item, index) in daysFlipperData"
+          :key="index"
+          class="go-d-block"
+        />
+        <div v-if="style === '时分秒'">天</div>
+        <div v-else>:</div>
+      </template>
       <flipper
         :count="item"
         :width="flipperWidth"
@@ -17,58 +34,43 @@
         :radius="flipperRadius"
         :flip-type="flipperType"
         :duration="flipperSpeed"
-        v-for="(item, index) in daysFlipperData"
+        v-for="(item, index) in hoursFlipperData"
         :key="index"
         class="go-d-block"
       />
-      <div v-if="style === '时分秒'">天</div>
+      <div v-if="style === '时分秒'">时</div>
       <div v-else>:</div>
-    </template>
-    <flipper
-      :count="item"
-      :width="flipperWidth"
-      :height="flipperHeight"
-      :front-color="flipperTextColor"
-      :back-color="flipperBgColor"
-      :radius="flipperRadius"
-      :flip-type="flipperType"
-      :duration="flipperSpeed"
-      v-for="(item, index) in hoursFlipperData"
-      :key="index"
-      class="go-d-block"
-    />
-    <div v-if="style === '时分秒'">时</div>
-    <div v-else>:</div>
-    <flipper
-      :count="item"
-      :width="flipperWidth"
-      :height="flipperHeight"
-      :front-color="flipperTextColor"
-      :back-color="flipperBgColor"
-      :radius="flipperRadius"
-      :flip-type="flipperType"
-      :duration="flipperSpeed"
-      v-for="(item, index) in minutesFlipperData"
-      :key="index"
-      class="go-d-block"
-    />
-    <div v-if="style === '时分秒'">分</div>
-    <div v-else>:</div>
-    <flipper
-      :count="item"
-      :width="flipperWidth"
-      :height="flipperHeight"
-      :front-color="flipperTextColor"
-      :back-color="flipperBgColor"
-      :radius="flipperRadius"
-      :flip-type="flipperType"
-      :duration="flipperSpeed"
-      v-for="(item, index) in secondsFlipperData"
-      :key="index"
-      class="go-d-block"
-    />
-    <div v-if="style === '时分秒'">秒</div>
-  </n-space>
+      <flipper
+        :count="item"
+        :width="flipperWidth"
+        :height="flipperHeight"
+        :front-color="flipperTextColor"
+        :back-color="flipperBgColor"
+        :radius="flipperRadius"
+        :flip-type="flipperType"
+        :duration="flipperSpeed"
+        v-for="(item, index) in minutesFlipperData"
+        :key="index"
+        class="go-d-block"
+      />
+      <div v-if="style === '时分秒'">分</div>
+      <div v-else>:</div>
+      <flipper
+        :count="item"
+        :width="flipperWidth"
+        :height="flipperHeight"
+        :front-color="flipperTextColor"
+        :back-color="flipperBgColor"
+        :radius="flipperRadius"
+        :flip-type="flipperType"
+        :duration="flipperSpeed"
+        v-for="(item, index) in secondsFlipperData"
+        :key="index"
+        class="go-d-block"
+      />
+      <div v-if="style === '时分秒'">秒</div>
+    </n-space>
+  </div>
 </template>
 
 <script setup lang="ts">