123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- 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
- }
- }
- })
|