uview-next/components/u-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('icon', {
    // 图标类名
    name: {
        type: String,
        default: ''
    },
    // 图标颜色，可接受主题色
    color: {
        type: String,
        default: theme.mainColor
    },
    // 字体大小，单位px
    size: {
        type: [String, Number],
        default: '16px'
    },
    // 是否显示粗体
    bold: {
        type: Boolean,
        default: false
    },
    // 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
    index: {
        type: [String, Number],
        default: ''
    },
    // 触摸图标时的类名
    hoverClass: {
        type: String,
        default: ''
    },
    // 自定义扩展前缀，方便用户扩展自己的图标库
    customPrefix: {
        type: String,
        default: 'uicon'
    },
    // 图标右边或者下面的文字
    label: {
        type: [String, Number],
        default: ''
    },
    // label的位置，只能右边或者下边
    labelPos: {
        type: String,
        default: 'right'
    },
    // label的大小
    labelSize: {
        type: [String, Number],
        default: '15px'
    },
    // label的颜色
    labelColor: {
        type: String,
        default: theme.mainColor
    },
    // label与图标的距离
    space: {
        type: [String, Number],
        default: '3px'
    },
    // 图片的mode
    imgMode: {
        type: String,
        default: 'scaleToFill'
    },
    // 用于显示图片小图标时，图片的宽度
    width: {
        type: [String, Number],
        default: ''
    },
    // 用于显示图片小图标时，图片的高度
    height: {
        type: [String, Number],
        default: ''
    },
    // 用于解决某些情况下，让图标垂直居中的用途
    top: {
        type: [String, Number],
        default: 0
    },
    // 是否阻止事件传播
    stop: {
        type: Boolean,
        default: false
    }
})