vue-simple-loading

Thanks for tobiasahlin/SpinKit. The css3 animation is copied from it.

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.

Changelog

v1.1.5 add props validator

Usage

NPM

npm install 'vue-simple-loading' -D

Import

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

import VueLoading from 'vue-simple-loading';

Add it to components

components: {
  VueLoading,
},

Add it to the dom

<vue-loading></vue-loading>

Add spinner props

The loading style is defined by spinner.

For now, there are 11 styles of loading.

spinners: [
  'rotating-plane',
  'double-bounce',
  'wave',
  'wandering-cubes',
  'pulse',
  'chasing-dots',
  'three-bounce',
  'circles',
  'cube-grid',
  'fading-circle',
  'folding-cube'
],

Check it

Add the 'spinner' prop, e.g.

<vue-loading spinner="circles"></vue-loading>

​