vue-simple-loading

hazeFlame.

All the things I do is built it as a vue component.

This project is built by vue 2.2.1, so you should update vue to at least version 2.

hazeFlame

v1.1.5 add props validator

Usage

NPM

npm install vue-simple-loading-v --save

Import

In your .vue files, use follow code to include it

import vLoading from 'vue-simple-loading-v';

Add it to components

components: {
 	vLoading,
},

Add it to the dom

<v-loading></v-loading>

Add spinner props

props: {
  size:{
  	type:Number,
  	default:30
  },
  color:{
  	type:String,
  	default:'#000'
  },
  show:{
  	type:Boolean,
  	default:true
  },
  showbg:{
  	type:Boolean,
  	default:true
  },
  position:{
  	type:String,
  	default:"fixed"
  },
  left:{
  	type:Number,
  	default:"50"
  },
  top:{
  	type:Number,
  	default:"50"
  },
},

The loading style is defined by spinner.

For now, there are 11 styles of loading.

Check it

Add the 'spinner' prop, e.g.

<v-loading :show="true" :showbg="false"></v-loading>

​