props.js 1.4 KB

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