该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
#平台差异说明
#基本使用
<template>
<u-count-down :timestamp="timestamp"></u-count-down>
</template>
<script>
export default {
data() {
timestamp: 86400,
}
}
</script>
#设置是否显示天，时，分，秒
说明：参数的配置原则应该是"自右向左"的，设置了"时"，它右边的"分"和"秒"也应该设置为true
show-days，show-hours，show-minutes，show-seconds等参数默认为true，分别对应是否显示倒计时的"天"，"时"，"分"，"秒"。
该示例表示只显示倒计时的分和秒
<u-count-down :timestamp="86400" :show-days="false" :show-hours="false"></u-count-down>
#倒计时分隔符
通过配置separator参数为colon或者zh来区分分隔符。separator-size配置分隔符的大小，单位rpx。separator-color配置分隔符的颜色 separator可选值如下：
colon(默认)时显示为冒号，如：23:14:51
<u-count-down :timestamp="86400" separator="colon" separator-size="28" separator-color="#606266"></u-count-down>
#倒计时样式
- 通过
color设置倒计数字的颜色
font-size设置倒计数字的大小，重申一次：uView中，所有font-size，width，height，padding，margin等props参数 的单位默认都是rpx，特别说明除外(极少数场景会要求px单位)。关于rpx单位的说明，请参考uni官方文档：尺寸单位(opens new window)
show-border参数设置倒计数字是否添加边框，border-color参数设置边框的颜色
<u-count-down :timestamp="86400" :show-border="true" font-size="28" color="#606266" border-color="#909399"></u-count-down>
#倒计时执行的时机
通过autoplay配置倒计时是否在组件的mounted生命周期进行初始化(在timestamp有值前提下)，如果设置autoplay为false，就需要手动通过 refs的形式通知倒计时开始执行，调用的是组件内部的start()方法
<template>
<u-count-down ref="uCountDown" :timestamp="86400" :autoplay="false"></u-count-down>
</template>
<script>
export default {
onLoad() {
setTimeout(() => {
this.$refs.uCountDown.start();
}, 2000)
}
}
</script>
#如何获取当前倒计的秒数
有时候我们可会需要记录当前剩余的秒数，并在某个时机重新触发，可以通过如下两个方式实现：
- 通过ref调用，获取内部的
seconds参数即为当前剩余的秒数
<template>
<u-count-down ref="uCountDown" :timestamp="timestamp" @change="change"></u-count-down>
</template>
<script>
export default {
data() {
return {
timestamp: 86400
}
},
methods: {
// 事件触发，每秒一次
change(timestamp) {
console.log(timestamp);
},
// ref形式获取内部的值
getSeconds() {
console.log(this.$refs.uCountDown.seconds);
}
}
}
</script>
#API
#Props
#Events
#Methods
需要通过ref获取倒计时组件才能调用，见上方"倒计时执行的时机"说明
