Loading 加载
使用指南
在 app.json 或 index.json 中引入loading组件
{
"usingComponents": {
"fs-loading": "path/components/loading/index"
}
}
1
2
3
4
5
2
3
4
5
代码演示
- 基本loading
<fs-loading/>
<fs-loading custom-class="self" type="spinner"/>
<fs-loading type="circular"/>
1
2
3
2
3
- 带背景的loading
<fs-loading color="white"/>
<fs-loading custom-class="self" color="white" type="spinner"/>
<fs-loading color="white" type="circular"/>
1
2
3
2
3
- 带文字的loading
<fs-loading text="加载中..." color="white"/>
<fs-loading text="加载中..." custom-class="self" color="white" type="spinner"/>
<fs-loading text="加载中..." color="white" type="circular"/>
1
2
3
2
3
参数
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 类型，可选值：default, spinner | String | default |
| color | 颜色 | String | #808080 |
| size | 尺寸 | String | 46px |
| text | 文本 | String | - |
| custom-class | 类名 | String | - |