mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-11-08 06:52:07 +08:00
1.1 KiB
1.1 KiB
Loading 加载
引入
在app.json或index.json中引入组件,详细介绍见快速上手
"usingComponents": {
"van-loading": "path/to/vant-weapp/dist/loading/index"
}
代码演示
Circular
<van-loading />
<van-loading color="#fff" />
Spinner
<van-loading type="spinner" />
<van-loading type="spinner" color="#fff" />
API
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| color | 颜色 | string | #c9c9c9 |
- |
| type | 类型,可选值为 spinner |
string | circular |
- |
| size | 加载图标大小,默认单位为 px |
string | number | 30px |
- |
| text-size | 文字大小,默认单位为为 px |
string | number | 14px |
1.0 |
| vertical | 是否垂直排列图标和文字内容 | boolean | false |
1.0 |
Slots
| 名称 | 说明 |
|---|---|
| default | 加载文案 |
外部样式类
| 类名 | 说明 |
|---|---|
| custom-class | 根节点样式类 |