vue时钟组件
Vue Clock2 (vue clock2)
A simple vue clock component.
一个简单的vue时钟组件。
安装 (Install)
npm install vue-clock2
例 (Example)
<template>
<clock :time="time"></clock>
</template>
<script>
import Clock from 'vue-clock2';
export default {
components: { Clock },
data () {
return {
time: '10:40'
}
}
}
</script>
款式 (Styles)
道具 (Props)
Property | Description | Type | Accepted Values | Default |
---|---|---|---|---|
time | time to display | String | - | - |
color | color to display | String | - | - |
border | clock border style | String | - | '2px solid' |
bg | clock background style | String | - | - |
size | size to display | String | small | - |
属性 | 描述 | 类型 | 接受值 | 默认 |
---|---|---|---|---|
时间 | 展示时间 | 串 | -- | -- |
颜色 | 显示颜色 | 串 | -- | -- |
边境 | 时钟边框样式 | 串 | -- | “ 2px固体” |
包 | 时钟背景样式 | 串 | -- | -- |
尺寸 | 显示尺寸 | 串 | 小 | -- |
翻译自: https://vuejsexamples.com/a-simple-vue-clock-component/
vue时钟组件