Skip to content

BlingSu/svg-loading

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Ā 

History

38 Commits
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 
Ā 

Repository files navigation

Using Vue2.0 svg-loading component

Install

You can use Yarn or NPM

npm install --save svg-loading

OR

yarn add svg-loading

Usage

import SvgLoading from 'svg-loading'

Props

Name Type Default Description
size Number 50 Set the loading size
color String #58b7ff Set the loading color
visible Boolean false Set the loading display

Example

<template>
  <div id="app">
    <svg-loading :visible="loading"></svg-loading>
  </div>
</template>

<script>

import SvgLoading from 'svg-loading'
export default {
  data() {
    loading: false
  },

  created() {
    setTimeout(() => { this.loading = true }, 1000)
  }
}
</script>

Development

SvgLoading now uses Poi for development

  • yarn dev: Run example in development mode
  • yarn build: Build component in both format

License

MIT

About

svg-loadingšŸ¶

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published