vue-easy-loading

English | 简体中文

vue-easy-loading

vue-easy-loading makes the loading animation easier and more beautiful.

Features

• 🍳 easy to use, Just two line of code.
• 🎫 more beautiful, with help of spinkit.
• 🚗 Higher customization, use it on every HTML DOM.
• 💪 Long time support.

Install

npm i -S vue-easy-loading
# or
yarn add vue-easy-loading

Easy to use

main.js

import Loading from "vue-easy-loading"
Vue.use(Loading);

your component

use it by vue-directive:

<div 
    v-load="true"
    load-background="rgba(0, 0, 0, .7)"
    load-type="rotating-plane"
></div>

Options

Name	Desc	Type	Accepted Values	Default
load-background	set cover background	String	css color	HSLA(169, 100%, 38%, .5)
load-type	set loading animation	String	animation list	circle

Kind of animation

• rotating-plane
• double-bounce
• wave
• wandering-cubes
• spinner
• chasing-dots
• three-bounce
• circle
• cube-grid
• fading-circle
• folding-cube

Credits

• Vue.js
• spinkit

License

vue-easy-loading is licensed under a MIT License.