props.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import { defineMixin } from '../../libs/vue.js'
  2. import defProps from './box.js'
  3. export const propsBox = defineMixin({
  4. props: {
  5. // 背景色
  6. bgColors: {
  7. type: [Array],
  8. default: () => defProps.box.bgColors
  9. },
  10. // 高度
  11. height: {
  12. type: [String],
  13. default: () => defProps.box.height
  14. },
  15. // 圆角
  16. borderRadius: {
  17. type: [String],
  18. default: () => defProps.box.borderRadius
  19. },
  20. // 间隔
  21. gap: {
  22. type: [String],
  23. default: () => defProps.box.gap
  24. },
  25. // 左侧图标
  26. leftIcon: {
  27. type: [String],
  28. default: () => defProps.box.leftIcon
  29. },
  30. // 左侧文案
  31. leftTitle: {
  32. type: [String],
  33. default: () => defProps.box.leftTitle
  34. },
  35. // 右上图标
  36. rightTopIcon: {
  37. type: [String],
  38. default: () => defProps.box.rightTopIcon
  39. },
  40. // 右上文案
  41. rightTopTitle: {
  42. type: [String],
  43. default: () => defProps.box.rightTopTitle
  44. },
  45. // 右下图标
  46. rightBottomIcon: {
  47. type: [String],
  48. default: () => defProps.box.rightBottomIcon
  49. },
  50. // 右下文案
  51. rightBottomTitle: {
  52. type: [String],
  53. default: () => defProps.box.rightBottomTitle
  54. },
  55. }
  56. })