Use SVG for loading.
demo: https://jkchao.github.io/vue-loading/
npm install vue-loading-template --save
- type: SVG type
Type: String
Required: false
Default: balls
Some type you can choose: 'balls', 'bars', 'beat', 'bubbles', 'cylon', 'spin', 'spiningDubbles', 'barsCylon'
- color: SVG color
Type: String
Required: false
Default: #5ac1dd
- size: SVG size,including width and height
Type: Object
Required: false
Default: { width: '30px', height: '30px' }
<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>
MIT