Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 

61 rader
1.6 KiB

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