1.0.8 • Published 5 years ago
lxc-loading v1.0.8
lxc-loading
纯css实现的一款简单实用的vue加载动画插件,效果如下
1. npm安装
npm install lxc-loading --save2. 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