1.1.1 • Published 5 years ago
vue-slim-loading
✨ 特性
🐠 示例&文档
Demo
Demo 源码
🚀 快速开始
- 安装
yarn add vue-slim-loading # 或 npm i -S vue-slim-loading
- 引入
// main.js
import Loading from 'vue-slim-loading'
Vue.use(Loading)
- 使用，请参考Demo 源码
<!-- 任意元素中使用指令 v-loading -->
<section v-loading="true">瀑布的水逆流而上</section>
🔌 API
Directives
| 指令 | 说明 | 类型 | 默认值 |
|---|
| v-loading | 是否显示 | Boolean | false |
Options
| 选项 | 说明 | 类型 | 默认值 |
|---|
| text | 文本显示 | String | null |
| color | 颜色 | String | '#409EFF' |
| maskClass | 遮罩样式类 | Array | null |
| loadingClass | 加载样式类 | Array | null |
| textClass | 文本样式类 | Array | null |
// main.js
import Loading from 'vue-slim-loading'
Vue.use(Loading, { text: '加载中', color: 'green' })
Attributes
Attribute 将会覆盖 Option
| 属性 | 说明 | 类型 | 默认值 |
|---|
| loading-text | 文本显示 | String | null |
| loading-color | 颜色 | String | '#409EFF' |
<section v-loading="true" loading-text="加载中">瀑布的水逆流而上</section>
Slots
License
MIT
Copyright (c) 2018-present, momoko