gui-count-down : GraceUI组件目录/gui-count-down.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
customClass | Array | ['gui-primary-text'] | 计时区块样式 |
borderColor | String | #FFFFFF | 计时区块边框颜色 |
size | Number | 26 | 计时区块文本尺寸,单位 rpx |
lineHeight | Number | 1.8 | 计时区块行高 |
splitorClass | Array | ['gui-primary-text'] | 分隔符样式 |
splitorText | Array | ['天', '时', '分', '秒'] | 分隔符文本 |
timer | String | '' | 目标时间,格式 YYYY-mm-dd HH:ii:ss,可以利用 grace.js 快速转换。 |
show | Boolean | true | 是否展示组件 |
spacing | String | 0rpx | 计时区块间距 |
01. reSetTimer() 重置倒计时时间,参数 : 新的时间;
02. getTimeRemaining() 获取倒计时剩余的秒数;
@endDo 倒计时结束时触发