You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
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
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
