front/uni_modules/uview-next/components/u-avatar/props.js

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

export default defineProps('avatar', {
    // 头像图片路径(不能为相对路径)
    src: {
        type: String,
        default: ''
    },
    // 头像形状，circle-圆形，square-方形
    shape: {
        type: String,
        default: 'circle'
    },
    // 头像尺寸
    size: {
        type: [String, Number],
        default: 40
    },
    // 裁剪模式
    mode: {
        type: String,
        default: 'scaleToFill'
    },
    // 显示的文字
    text: {
        type: String,
        default: ''
    },
    // 背景色
    bgColor: {
        type: String,
        default: '#c0c4cc'
    },
    // 文字颜色
    color: {
        type: String,
        default: '#ffffff'
    },
    // 文字大小
    fontSize: {
        type: [String, Number],
        default: 18
    },
    // 显示的图标
    icon: {
        type: String,
        default: ''
    },
    // 显示小程序头像，只对百度，微信，QQ小程序有效
    mpAvatar: {
        type: Boolean,
        default: false
    },
    // 是否使用随机背景色
    randomBgColor: {
        type: Boolean,
        default: false
    },
    // 加载失败的默认头像(组件有内置默认图片)
    defaultUrl: {
        type: String,
        default: ''
    },
    // 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间
    colorIndex: {
        type: [String, Number],
        // 校验参数规则，索引在0-19之间
        validator(n) {
            return uni.$u.test.range(n, [0, 19]) || n === ''
        },
        default: ''
    },
    // 组件标识符
    name: {
        type: String,
        default: ''
    }
})