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