vsl

vue-simple-loading-v

0.0.4

Showing:

Popularity

Downloads/wk

1

Maintenance

No Maintenance Data Available

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

NPM

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>

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100