props.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. import { defineProps } from '../../libs/util/props';
  2. import theme from '../../libs/config/theme.js'
  3. export default defineProps('empty', {
  4. // 内置图标名称,或图片路径,建议绝对路径
  5. icon: {
  6. type: String,
  7. default: ''
  8. },
  9. // 提示文字
  10. text: {
  11. type: String,
  12. default: ''
  13. },
  14. // 文字颜色
  15. textColor: {
  16. type: String,
  17. default: theme.lightColor
  18. },
  19. // 文字大小
  20. textSize: {
  21. type: [String, Number],
  22. default: 14
  23. },
  24. // 图标的颜色
  25. iconColor: {
  26. type: String,
  27. default: theme.lightColor
  28. },
  29. // 图标的大小
  30. iconSize: {
  31. type: [String, Number],
  32. default: 90
  33. },
  34. // 选择预置的图标类型
  35. mode: {
  36. type: String,
  37. default: 'data'
  38. },
  39. // 图标宽度,单位px
  40. width: {
  41. type: [String, Number],
  42. default: 160
  43. },
  44. // 图标高度,单位px
  45. height: {
  46. type: [String, Number],
  47. default: 160
  48. },
  49. // 是否显示组件
  50. show: {
  51. type: Boolean,
  52. default: true
  53. },
  54. // 组件距离上一个元素之间的距离,默认px单位
  55. marginTop: {
  56. type: [String, Number],
  57. default: 0
  58. }
  59. })