vue-spinner-component

前端 动画
一个圆形加载效果 Vue 组件

VueJS Spinner Component

Live demo

Installation

NPM

$ npm install vue-spinner-component

CommonJS

var Spinner = require('vue-spinner-component/src/Spinner.vue');

new Vue({
  components: {
    Spinner
  }
})

ES6

import Spinner from 'vue-spinner-component/src/Spinner.vue'

new Vue({
  components: {
    Spinner
  }
})

Or:

Vue.component('spinner', require('vue-spinner-component/src/Spinner.vue'));

Local setup

npm install
npm run dev

Usage

<spinner :status="spinnerStatus" :color="spinnerColor" :size="spinnerSize" :depth="spinnerDepth" :clockwise="spinnerClockwise" :speed="spinnerSpeed"></spinner>

You can customize the color, size, depth, clockwise, speed with setting the props. All props have default value. You can control the spinner show/hidden with setting the status prop.

License

vue-spinner-component is licensed under The MIT License.

vue-spinner-componen... 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论