uview-next/components/u-empty/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('empty', {
    // 内置图标名称，或图片路径，建议绝对路径
    icon: {
        type: String,
        default: ''
    },
    // 提示文字
    text: {
        type: String,
        default: ''
    },
    // 文字颜色
    textColor: {
        type: String,
        default: theme.lightColor
    },
    // 文字大小
    textSize: {
        type: [String, Number],
        default: 14
    },
    // 图标的颜色
    iconColor: {
        type: String,
        default: theme.lightColor
    },
    // 图标的大小
    iconSize: {
        type: [String, Number],
        default: 90
    },
    // 选择预置的图标类型
    mode: {
        type: String,
        default: 'data'
    },
    //  图标宽度，单位px
    width: {
        type: [String, Number],
        default: 160
    },
    // 图标高度，单位px
    height: {
        type: [String, Number],
        default: 160
    },
    // 是否显示组件
    show: {
        type: Boolean,
        default: true
    },
    // 组件距离上一个元素之间的距离，默认px单位
    marginTop: {
        type: [String, Number],
        default: 0
    }
})