[go: nahoru, domu]

Skip to content

KiniMail/lxc-loading

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

lxc-loading

纯css实现的一款简单实用的vue加载动画插件,效果如下

Image text

1. npm安装

  npm install lxc-loading  --save

2. man.js 引用

  import lxcLoading from 'lxc-loading'  
  Vue.use(lxcLoading)

3. 在页面中使用

 <template>
  <div>
    <lxc-loading/>
  </div>
 </template>

4. api

属性 说明 类型 默认值 参数
loading 是否显示加载插件 Boolean false true/false
type 加载动画样式 String bounce bounce/line/semicircle
offsetTop 浏览器顶部偏移距离 String 0px px、rem、% 常用的单位属性
showBg 是否显示加载插件背景色 Boolean true true/false
bgColor 插件背景色设置 String rgba(0,0,0,.9) rgb()、rgba()、#333 等常用css颜色属性
zIndex 插件层级,当插件层级不够时调节 String/Number 999

后续会新增其他各种漂亮的css loaing

About

vue加载动画插件

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 60.3%
  • JavaScript 37.5%
  • HTML 2.2%