1.0.0 • Published 5 years ago

loafer-dialog v1.0.0

Weekly downloads
-
License
ISC
Repository
github
Last release
5 years ago

vue-fun-loading

NPM version

A fun vue loading components.

CDN: UNPKG | jsDelivr

DEMO

Install

npm install vue-fun-loading --save-dev

Usage

In main.js, import and use vue-fun-loading:

import Vue from 'vue';
import App from './App.vue';
import VueFunLoading From 'vue-fun-loading';

Vue.use(VueFunLoading);

new Vue({
  el: '#app',
  render: h => h(App)
})

Then you can use vue-fun-loading anywhere.

<template>
  <div id="app">
      <vue-fun-loading size="small" color="#5872bc" type="circle-dot" />
  </div>
</template>

API

PropertyDescriptiontypeDefaultEnum
sizethis property defines loading component's sizestring'middle''small', 'middle', 'large'
colorloading component's colorstring'#ff69b4'any color in 16 bit rgb format
typeloading type of different stylestring'circle-dot'explain in demo

Notification

This tool is aim for summarizing loading and learning how to build a vue components. It's not perfect but will update later, welcome any suggestion.

License

MIT © ownghy

1.0.0

5 years ago