vue时钟组件_一个简单的vue时钟组件

vue时钟组件

Vue Clock2 (vue clock2)

A simple vue clock component.

一个简单的vue时钟组件。

View demo 查看演示 Download Source 下载源

安装 (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时钟组件