props.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // 头像图片组
  5. urls: {
  6. type: Array,
  7. default: defprops.avatarGroup.urls
  8. },
  9. // 最多展示的头像数量
  10. maxCount: {
  11. type: [String, Number],
  12. default: defprops.avatarGroup.maxCount
  13. },
  14. // 头像形状
  15. shape: {
  16. type: String,
  17. default: defprops.avatarGroup.shape
  18. },
  19. // 图片裁剪模式
  20. mode: {
  21. type: String,
  22. default: defprops.avatarGroup.mode
  23. },
  24. // 超出maxCount时是否显示查看更多的提示
  25. showMore: {
  26. type: Boolean,
  27. default: defprops.avatarGroup.showMore
  28. },
  29. // 头像大小
  30. size: {
  31. type: [String, Number],
  32. default: defprops.avatarGroup.size
  33. },
  34. // 指定从数组的对象元素中读取哪个属性作为图片地址
  35. keyName: {
  36. type: String,
  37. default: defprops.avatarGroup.keyName
  38. },
  39. // 头像之间的遮挡比例
  40. gap: {
  41. type: [String, Number],
  42. validator(value) {
  43. return value >= 0 && value <= 1
  44. },
  45. default: defprops.avatarGroup.gap
  46. },
  47. // 需额外显示的值
  48. extraValue: {
  49. type: [Number, String],
  50. default: defprops.avatarGroup.extraValue
  51. }
  52. }
  53. }