lxc-loading

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

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

欢迎issues https://github.com/luoxuancong/lxc-loading/issues