Merge branch 'dev' into next

This commit is contained in:
chenjiahan
2020-08-15 07:28:06 +08:00
11 changed files with 75 additions and 67 deletions
+1 -1
View File
@@ -43,7 +43,7 @@ export default {
```html
<van-count-down :time="time">
<template v-slot="timeData">
<template #default="timeData">
<span class="block">{{ timeData.hours }}</span>
<span class="colon">:</span>
<span class="block">{{ timeData.minutes }}</span>
+6 -6
View File
@@ -13,7 +13,7 @@ Vue.use(CountDown);
### 基础用法
`time`属性表示倒计时总时长,单位为毫秒
`time` 属性表示倒计时总时长,单位为毫秒
```html
<van-count-down :time="time" />
@@ -31,7 +31,7 @@ export default {
### 自定义格式
通过`format`属性设置倒计时文本的内容
通过 `format` 属性设置倒计时文本的内容
```html
<van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
@@ -39,7 +39,7 @@ export default {
### 毫秒级渲染
倒计时默认每秒渲染一次,设置`millisecond`属性可以开启毫秒级渲染
倒计时默认每秒渲染一次,设置 `millisecond` 属性可以开启毫秒级渲染
```html
<van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
@@ -47,11 +47,11 @@ export default {
### 自定义样式
通过插槽自定义倒计时的样式,`timeData`对象格式见下方表格
通过插槽自定义倒计时的样式,`timeData` 对象格式见下方表格
```html
<van-count-down :time="time">
<template v-slot="timeData">
<template #default="timeData">
<span class="block">{{ timeData.hours }}</span>
<span class="colon">:</span>
<span class="block">{{ timeData.minutes }}</span>
@@ -79,7 +79,7 @@ export default {
### 手动控制
通过 ref 获取到组件实例后,可以调用`start``pause``reset`方法
通过 ref 获取到组件实例后,可以调用 `start``pause``reset` 方法
```html
<van-count-down
+6 -8
View File
@@ -14,14 +14,12 @@
<demo-block :title="t('customStyle')">
<van-count-down :time="time">
<template v-slot="currentTime">
<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 #default="currentTime">
<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>
</template>
</van-count-down>
</demo-block>