12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- 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
- }
- }
- })
|