plain-loading

A loading component base on Vue.js

Usage no npm install needed!

<script type="module">
  import plainLoading from 'https://cdn.skypack.dev/plain-loading';
</script>

README

plain-loading

A loading component base on Vue.js

一个基于Vue.js的loading加载动画组件

Github Page demo
Gitee Page demo

Install

npm i plain-loading -S

Basic Usage

import library

import Vue from 'vue'
import PlainLoading from 'plain-loading'
import 'plain-loading/dist/PlainLoading.css'

Vue.use(PlainLoading)

basic usage

<pl-loading/>

custom size

<pl-loading style="font-size: 36px"/>

loading type

/*default type is alpha*/
<pl-loading type="alpha"/>
<pl-loading type="beta"/>
<pl-loading type="gamma"/>
<pl-loading type="delta"/>

colors

/*default color is info*/
<pl-loading color="primary"/>
<pl-loading color="success"/>
<pl-loading color="warn"/>
<pl-loading color="error"/>
<pl-loading color="info"/>

custom color

<div class="box">
    <pl-loading/>
</div>

.box{
  .pl-loading-tag{
    background-color: #A64B00;
  }
}

More

Github
Gitee