uview-next/components/u-loading-icon/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js'

export default defineProps('loadingIcon', {
    // 是否显示组件
    show: {
        type: Boolean,
        default: true
    },
    // 颜色
    color: {
        type: String,
        default: theme.tipsColor
    },
    // 提示文字颜色
    textColor: {
        type: String,
        default: theme.tipsColor
    },
    // 文字和图标是否垂直排列
    vertical: {
        type: Boolean,
        default: false
    },
    // 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
    mode: {
        type: String,
        default: 'spinner'
    },
    // 图标大小，单位默认px
    size: {
        type: [String, Number],
        default: 24
    },
    // 文字大小
    textSize: {
        type: [String, Number],
        default: 15
    },
    // 文字内容
    text: {
        type: [String, Number],
        default: ''
    },
    // 动画模式
    timingFunction: {
        type: String,
        default: 'ease-in-out'
    },
    // 动画执行周期时间
    duration: {
        type: [String, Number],
        default: 1200
    },
    // mode=circle时的暗边颜色
    inactiveColor: {
        type: String,
        default: ''
    }
})