vue-clock2-qiuzi
vue clock2
vue clock component
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:00'
}
}
}
</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 | - | 150px |
License
Dependencies
babel-core: ^6.0.0babel-eslint: 7.1.1babel-loader: ^6.0.0babel-plugin-transform-runtime: ^6.15.0babel-preset-es2015: ^6.14.0babel-preset-stage-2: ^6.13.0babel-runtime: ^6.11.6cross-env: ^3.0.0css-loader: ^0.25.0eslint: 3.14.1eslint-config-airbnb-base: 11.0.1eslint-friendly-formatter: 2.0.7eslint-import-resolver-webpack: 0.8.1eslint-loader: 1.6.1eslint-plugin-html: 2.0.0eslint-plugin-import: 2.2.0file-loader: ^0.9.0node-sass: ^4.9.3sass-loader: ^7.1.0scss-loader: 0.0.1style-loader: ^0.23.1vue-loader: ^11.1.4vue-template-compiler: ^2.2.1webpack: ^2.2.0webpack-dev-server: ^2.11.3