# LoadingPlus 加载中
加载中,分为circular和spinner两种
# 引入
import PressLoadingPlus from 'press-ui/press-loading-plus/press-loading-plus';
export default {
components: {
PressLoadingPlus,
}
}
# 代码演示
# 加载类型
<press-loading-plus />
<press-loading-plus type="spinner" />
# 自定义颜色
<press-loading-plus color="#1989fa" />
<press-loading-plus type="spinner" color="#1989fa" />
# 自定义大小
<press-loading-plus size="15" />
<press-loading-plus type="spinner" size="38" />
# 加载文案
<press-loading-plus size="24px">加载中...</press-loading-plus>
# 垂直排列
<press-loading-plus size="24px" vertical>加载中...</press-loading-plus>
# API
# Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
color | 颜色 | string | #c9c9c9 |
type | 类型,可选值为 spinner | string | circular |
size | 加载图标大小,默认单位为 px | string | number | 30px |
text-size | 文字大小,默认单位为为 px | string | number | 14px |
vertical | 是否垂直排列图标和文字内容 | boolean | false |
# Slots
名称 | 说明 |
---|---|
- | 加载文案 |