vue-fun-loading

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

Property	Description	type	Default	Enum
size	this property defines loading component's size	string	'middle'	'small', 'middle', 'large'
color	loading component's color	string	'#ff69b4'	any color in 16 bit rgb format
type	loading type of different style	string	'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