press-ui
Version:
简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目
56 lines (55 loc) • 1.09 kB
JavaScript
export default {
props: {
// 头像图片组
urls: {
type: Array,
default: () => ([]),
},
// 最多展示的头像数量
maxCount: {
type: [String, Number],
default: 5,
},
round: {
type: Boolean,
default: true,
},
// 图片裁剪模式
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: '',
},
customStyle: {
type: [String, Object],
default: '',
},
},
};