docs(CountDown): update custom style demo

src/count-down/README.md

@@ -44,21 +44,27 @@ export default {
 ```html
 <van-count-down :time="time">
   <template v-slot="timeData">
-    <span class="item">{{ timeData.hours }}</span>
-    <span class="item">{{ timeData.minutes }}</span>
-    <span class="item">{{ timeData.seconds }}</span>
+    <span class="block">{{ timeData.hours }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.minutes }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.seconds }}</span>
   </template>
 </van-count-down>
 
 <style>
-  .item {
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: #ee0a24;
+  }
+  .block {
     display: inline-block;
     width: 22px;
-    margin-right: 5px;
     color: #fff;
     font-size: 12px;
     text-align: center;
-    background-color: #1989fa;
+    background-color: #ee0a24;
   }
 </style>
 ```

src/count-down/README.zh-CN.md

@@ -52,21 +52,27 @@ export default {
 ```html
 <van-count-down :time="time">
   <template v-slot="timeData">
-    <span class="item">{{ timeData.hours }}</span>
-    <span class="item">{{ timeData.minutes }}</span>
-    <span class="item">{{ timeData.seconds }}</span>
+    <span class="block">{{ timeData.hours }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.minutes }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.seconds }}</span>
   </template>
 </van-count-down>
 
 <style>
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: #ee0a24;
+  }
   .item {
     display: inline-block;
     width: 22px;
-    margin-right: 5px;
     color: #fff;
     font-size: 12px;
     text-align: center;
-    background-color: #1989fa;
+    background-color: #ee0a24;
   }
 </style>
 ```

src/count-down/demo/index.vue

@@ -15,9 +15,13 @@
     <demo-block :title="t('customStyle')">
       <van-count-down :time="time">
         <template v-slot="currentTime">
-          <span class="item">{{ currentTime.hours }}</span>
-          <span class="item">{{ currentTime.minutes }}</span>
-          <span class="item">{{ currentTime.seconds }}</span>
+          <div>
+            <span class="block">{{ currentTime.hours }}</span>
+            <span class="colon">:</span>
+            <span class="block">{{ currentTime.minutes }}</span>
+            <span class="colon">:</span>
+            <span class="block">{{ currentTime.seconds }}</span>
+          </div>
         </template>
       </van-count-down>
     </demo-block>
@@ -103,15 +107,20 @@ export default {
     margin-left: @padding-md;
   }
 
-  .item {
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: @red;
+  }
+
+  .block {
     display: inline-block;
     width: 22px;
-    margin-right: 5px;
     color: #fff;
     font-size: 12px;
     text-align: center;
-    background-color: @blue;
-    border-radius: 2px;
+    background-color: @red;
+    border-radius: 4px;
   }
 
   .van-grid {