props.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. import { defineProps } from '../../libs/util/props';
  2. export default defineProps('album', {
  3. // 图片地址,Array<String>|Array<Object>形式
  4. urls: {
  5. type: Array,
  6. default: () => []
  7. },
  8. // 指定从数组的对象元素中读取哪个属性作为图片地址
  9. keyName: {
  10. type: String,
  11. default: ''
  12. },
  13. // 单图时,图片长边的长度
  14. singleSize: {
  15. type: [String, Number],
  16. default: 180
  17. },
  18. // 多图时,图片边长
  19. multipleSize: {
  20. type: [String, Number],
  21. default: 70
  22. },
  23. // 多图时,图片水平和垂直之间的间隔
  24. space: {
  25. type: [String, Number],
  26. default: 6
  27. },
  28. // 单图时,图片缩放裁剪的模式
  29. singleMode: {
  30. type: String,
  31. default: 'scaleToFill'
  32. },
  33. // 多图时,图片缩放裁剪的模式
  34. multipleMode: {
  35. type: String,
  36. default: 'aspectFill'
  37. },
  38. // 最多展示的图片数量,超出时最后一个位置将会显示剩余图片数量
  39. maxCount: {
  40. type: [String, Number],
  41. default: 9
  42. },
  43. // 是否可以预览图片
  44. previewFullImage: {
  45. type: Boolean,
  46. default: true
  47. },
  48. // 每行展示图片数量,如设置,singleSize和multipleSize将会无效
  49. rowCount: {
  50. type: [String, Number],
  51. default: 3
  52. },
  53. // 超出maxCount时是否显示查看更多的提示
  54. showMore: {
  55. type: Boolean,
  56. default: true
  57. }
  58. })