vue-fun-loading

all kinds of loading components of vue
1,536 1
Install
npm install vue-fun-loading
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:May 30, 2019
Links: GitHub  ·  npm
Maintainer: guohy7

vue-fun-loading

NPM version

A fun vue loading components.

CDN: UNPKG | jsDelivr

DEMO

Install

npm install vue-fun-loading --save-dev

Usage

In main.js, import and use vue-fun-loading:

import Vue from 'vue';
import App from './App.vue';
import VueFunLoading From 'vue-fun-loading';

Vue.use(VueFunLoading);

new Vue({
  el: '#app',
  render: h => h(App)
})

Then you can use vue-fun-loading anywhere.

<template>
  <div id="app">
      <vue-fun-loading size="small" color="#5872bc" type="circle-dot" />
  </div>
</template>

API

Property Description type Default Enum
size this property defines loading component's size string 'middle' 'small', 'middle', 'large'
color loading component's color string '#ff69b4' any color in 16 bit rgb format
type loading type of different style string 'circle-dot' explain in demo

Notification

This tool is aim for summarizing loading and learning how to build a vue components. It's not perfect but will update later, welcome any suggestion.

License

MIT © ownghy

Related Packages

ajax-loading

a ajax-loading plugin for vue.js project

1,494
vue-loading-spin

'vue-loading-spin'是一个基于VUE实现的加载提示组件,也可以作为组件。

792 14
@tw666/vuex-loading

自动处理 vuex action中的 loading 状态,不用一遍遍地写 showLoading 和 hideLoading

272
vue-loading-template

vue-loading

63,454 465
vuejs-loading-screen

Blocking screen while process worked

7,894 21

Version History

Version Released Vue License
1.1.1 ^2.6.10 MIT
1.1.0 ^2.6.10 MIT
0.12.0 ^2.6.10 MIT
0.11.0 ^2.6.10 MIT
0.10.0 ^2.6.10 MIT