props.js 937 B

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