62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
import { defineMixin } from '../../libs/vue'
|
||
import defProps from '../../libs/config/props.js'
|
||
export const props = defineMixin({
|
||
props: {
|
||
// 是否显示组件
|
||
show: {
|
||
type: Boolean,
|
||
default: () => defProps.loadingIcon.show
|
||
},
|
||
// 颜色
|
||
color: {
|
||
type: String,
|
||
default: () => defProps.loadingIcon.color
|
||
},
|
||
// 提示文字颜色
|
||
textColor: {
|
||
type: String,
|
||
default: () => defProps.loadingIcon.textColor
|
||
},
|
||
// 文字和图标是否垂直排列
|
||
vertical: {
|
||
type: Boolean,
|
||
default: () => defProps.loadingIcon.vertical
|
||
},
|
||
// 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
|
||
mode: {
|
||
type: String,
|
||
default: () => defProps.loadingIcon.mode
|
||
},
|
||
// 图标大小，单位默认px
|
||
size: {
|
||
type: [String, Number],
|
||
default: () => defProps.loadingIcon.size
|
||
},
|
||
// 文字大小
|
||
textSize: {
|
||
type: [String, Number],
|
||
default: () => defProps.loadingIcon.textSize
|
||
},
|
||
// 文字内容
|
||
text: {
|
||
type: [String, Number],
|
||
default: () => defProps.loadingIcon.text
|
||
},
|
||
// 动画模式
|
||
timingFunction: {
|
||
type: String,
|
||
default: () => defProps.loadingIcon.timingFunction
|
||
},
|
||
// 动画执行周期时间
|
||
duration: {
|
||
type: [String, Number],
|
||
default: () => defProps.loadingIcon.duration
|
||
},
|
||
// mode=circle时的暗边颜色
|
||
inactiveColor: {
|
||
type: String,
|
||
default: () => defProps.loadingIcon.inactiveColor
|
||
}
|
||
}
|
||
})
|