/vue2-loading

vue-loading presented in Vue2

Primary LanguageJavaScriptMIT LicenseMIT

vue2-loading

npm vue2

vue-loading presented in Vue2

Install

npm i -S vue2-loading

Dependencies

font-awesome for spinner css

Usage

In App.vue
<script>
  import VueLoading from 'vue2-loading'
  Vue.use(VueLoading, {
    text: 'Here I come...',
    bg: 'rgba(230, 233, 236, 0.8)',
    textColor: '#000',
    spinnerClass: 'fa fa-spin fa-spinner fa-3x'
  })
</script>


<template>
  <div v-loading="isLoading (Boolean)"> 
  </div>
</template>

Options

text:

  • loading block text
  • default value: "Loading ..."

bg:

  • loading block backgroundColor css,
  • default value: "rgba(230, 233, 236, 0.8)"

textColor:

  • loading message text css,
  • default value: "#fff"

spinnerClass:

  • loading spinner class,
  • default value: "fa fa-spin fa-spinner fa-3x"

©️ License

MIT