vue-loading-template

Use SVG for loading.

demo: https://jkchao.github.io/vue-loading/

Start

  npm install vue-loading-template --save

Options

1. type: SVG type

Type: String

Required: false

Default: balls

Some type you can choose: 'balls', 'bars', 'beat', 'bubbles', 'cylon', 'spin', 'spiningDubbles', 'barsCylon'

2. color: SVG color

Type: String

Required: false

Default: #5ac1dd

3. size: SVG size,including width and height

Type: Object

Required: false

Default: { width: '30px', height: '30px' }

Example in SPA

 <template>
    <div>
       <h2>bars</h2>
       <vue-loading type="bars" color="#d9544e" :size="{ width: '50px', height: '50px' }"></vue-loading>    
    </div>
 </template>
  <script>
  import vueLoading from 'vue-loading-template'
  export default {
    name: 'app',
    components: {
      vueLoading
    }
  }
  </script>

License

MIT