Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/zkerhcy/digital-clock-vue

A digital clock simulation builds on Vue.
https://github.com/zkerhcy/digital-clock-vue

clock digital digital-clock javascript vue vue-digital-clock

Last synced: about 1 month ago
JSON representation

A digital clock simulation builds on Vue.

Lists

README 

        
# digital-clock-vue



[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/zkerhcy/digital-clock-vue/blob/master/LICENSE)



> A digital clock simulation build on Vue.



![digital-clock](asserts/img1.gif)



without seconds:



![digital-clock-without-seconds](asserts/img2.gif)



You can also use the [digital-number](src/digital-number.vue) component.



![digital-number](asserts/img3.png)



## Installation



via NPM:



```shell

npm install --save digital-clock-vue

```



via Yarn:



```shell

yarn add digital-clock-vue

```



## Usage



```js

import DigitalClockVue, { DigitalNumber } from 'digital-clock-vue'



export default {

  components: {

    DigitalClockVue,

    DigitalNumber

  }

}

```



## Props



| Prop          | Type    | Desc                                                 |

| ------------- | ------- | ---------------------------------------------------- |

| `color`       | String  | CSS color for digital number and twink.              |

| `showSeconds` | Boolean | Determine whether to show seconds, default is false. |



## Examples



```html





  



```



## License



[MIT](http://opensource.org/licenses/MIT)