https://github.com/vip30/vue2-loading

vue-loading presented in Vue2
https://github.com/vip30/vue2-loading

directive loading vue2

Last synced: 9 months ago
JSON representation

vue-loading presented in Vue2

• Host: GitHub
• URL: https://github.com/vip30/vue2-loading
• Owner: vip30
• License: mit
• Created: 2017-03-23T07:01:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-01-24T04:53:15.000Z (over 7 years ago)
• Last Synced: 2025-08-09T18:49:33.481Z (11 months ago)
• Topics: directive, loading, vue2
• Language: JavaScript
• Size: 21.5 KB
• Stars: 14
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue2-loading

 

[![npm](https://img.shields.io/npm/v/vue2-loading.svg)](https://www.npmjs.com/package/vue2-loading)

[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

[vue-loading](https://github.com/Coffcer/vue-loading) presented in Vue2

## Install

```bash

npm i -S vue2-loading

```

## Dependencies

[font-awesome](https://github.com/FortAwesome/Font-Awesome) 

for spinner css

## Usage

```vue

In App.vue

  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'

  })

  
 

  


```

## 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"

## :copyright: License

[MIT](http://opensource.org/licenses/MIT)