props.js 1.0 KB

12345678910111213141516171819202122232425262728293031
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. // 占父容器宽度的多少等分,总分为12份
  6. span: {
  7. type: [String, Number],
  8. default: () => defProps.col.span
  9. },
  10. // 指定栅格左侧的间隔数(总12栏)
  11. offset: {
  12. type: [String, Number],
  13. default: () => defProps.col.offset
  14. },
  15. // 水平排列方式,可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
  16. justify: {
  17. type: String,
  18. default: () => defProps.col.justify
  19. },
  20. // 垂直对齐方式,可选值为top、center、bottom、stretch
  21. align: {
  22. type: String,
  23. default: () => defProps.col.align
  24. },
  25. // 文字对齐方式
  26. textAlign: {
  27. type: String,
  28. default: () => defProps.col.textAlign
  29. }
  30. }
  31. })