uview-plus
Version:
零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。
65 lines (63 loc) • 2.02 kB
JavaScript
import { defineMixin } from '../../libs/vue'
import LoadingIconDefaultProps from './loadingIcon'
import { registerComponentProps } from '../../libs/config/props.js'
const defProps = registerComponentProps(LoadingIconDefaultProps)
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
}
}
})