vue-clock2

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #machine-learning #rust #linux #nodejs #macos #java #kubernetes #vue #awesome-list #pytorch

(★ 86)

vue clock component :grinning:

파일 탐색기

최종 버전 다운로드 (.zip)

- vue-clock.min.js
- vue-clock.min.js.map
- index.css
- index.html
- index.js
- vue-clock.vue
.babelrc
.eslintignore
.eslintrc.js
.gitignore
clock-color.png
clock.png
LICENSE
package.json
README.md
webpack.config.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">vue clock2</h1>

> Analogue Clock Component for Vue.js

## Install

```console
npm install vue-clock2
```

or

```console
yarn add vue-clock2
```

## Example for Vue.js 2

[Demo](https://bestvist.github.io/vue-clock2/docs/)

```html
<template>
  <clock :time="time"></clock>
</template>

## Example for Nuxt.js 2.10+

```js
// Add this to ~/plugins/clock.js

import Clock from 'vue-clock2';
import Vue from 'vue';

Vue.component('clock', Clock);
```

```js
// Add clock.js to your nuxt.config.js
plugins: [
  { src: '~plugins/clock', mode: 'client' }
],
```

```html

<template>
  <client-only>
    <clock :time="time"></clock>
  </client-only>
</template>
```

## Default Style

![](https://raw.githubusercontent.com/bestvist/vue-clock2/master/clock.png)

## Some Sample Styles

![](https://raw.githubusercontent.com/bestvist/vue-clock2/master/clock-color.png)

## 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

[MIT](https://github.com/bestvist/vue-clock2/blob/master/LICENSE)

vue-clock2

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vue-clock2

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README