You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.6 KiB
54 lines
1.6 KiB
import { defineMixin } from '../../libs/vue'
|
|
import defProps from '../../libs/config/props.js'
|
|
export const props = defineMixin({
|
|
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
|
|
}
|
|
}
|
|
})
|