1.5.7 • Published 5 years ago
vue-easy-loading v1.5.7
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 |
- rotating-plane
- double-bounce
- wave
- wandering-cubes
- spinner
- chasing-dots
- three-bounce
- circle
- cube-grid
- fading-circle
- folding-cube
Credits
License
vue-easy-loading is licensed under a MIT License.