54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
|
import defProps from '../../libs/config/props.js';
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
// 头像图片组
|
||
|
|
urls: {
|
||
|
|
type: Array,
|
||
|
|
default: () => defProps.avatarGroup.urls
|
||
|
|
},
|
||
|
|
// 最多展示的头像数量
|
||
|
|
maxCount: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: () => defProps.avatarGroup.maxCount
|
||
|
|
},
|
||
|
|
// 头像形状
|
||
|
|
shape: {
|
||
|
|
type: String,
|
||
|
|
default: () => defProps.avatarGroup.shape
|
||
|
|
},
|
||
|
|
// 图片裁剪模式
|
||
|
|
mode: {
|
||
|
|
type: String,
|
||
|
|
default: () => defProps.avatarGroup.mode
|
||
|
|
},
|
||
|
|
// 超出maxCount时是否显示查看更多的提示
|
||
|
|
showMore: {
|
||
|
|
type: Boolean,
|
||
|
|
default: () => defProps.avatarGroup.showMore
|
||
|
|
},
|
||
|
|
// 头像大小
|
||
|
|
size: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: () => defProps.avatarGroup.size
|
||
|
|
},
|
||
|
|
// 指定从数组的对象元素中读取哪个属性作为图片地址
|
||
|
|
keyName: {
|
||
|
|
type: String,
|
||
|
|
default: () => defProps.avatarGroup.keyName
|
||
|
|
},
|
||
|
|
// 头像之间的遮挡比例
|
||
|
|
gap: {
|
||
|
|
type: [String, Number],
|
||
|
|
validator(value) {
|
||
|
|
return value >= 0 && value <= 1
|
||
|
|
},
|
||
|
|
default: () => defProps.avatarGroup.gap
|
||
|
|
},
|
||
|
|
// 需额外显示的值
|
||
|
|
extraValue: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: () => defProps.avatarGroup.extraValue
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|