[new feature] add CountDown component (#3805)

2019-07-10 20:20:59 +08:00
parent 577194b16d
commit 9fcc9086f7
16 changed files with 688 additions and 4 deletions
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-count-down">30:00:00</div>
+  </div>
+  <div>
+    <div class="van-count-down">01 天 06 时 00 分 00 秒</div>
+  </div>
+  <div>
+    <div class="van-count-down">30:00:00:000</div>
+  </div>
+  <div>
+    <div class="van-count-down"><span class="item">6</span> <span class="item">0</span> <span class="item">0</span></div>
+  </div>
+  <div>
+    <div class="van-count-down">03:000</div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-play-circle-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">开始</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-pause-circle-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">暂停</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-replay van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">重置</span></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);