You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

35 lines
1.1 KiB

5 months ago
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. color: {
  6. type: String,
  7. default: () => defProps.line.color
  8. },
  9. // 长度,竖向时表现为高度,横向时表现为长度,可以为百分比,带px单位的值等
  10. length: {
  11. type: [String, Number],
  12. default: () => defProps.line.length
  13. },
  14. // 线条方向,col-竖向,row-横向
  15. direction: {
  16. type: String,
  17. default: () => defProps.line.direction
  18. },
  19. // 是否显示细边框
  20. hairline: {
  21. type: Boolean,
  22. default: () => defProps.line.hairline
  23. },
  24. // 线条与上下左右元素的间距,字符串形式,如"30px"、"20px 30px"
  25. margin: {
  26. type: [String, Number],
  27. default: () => defProps.line.margin
  28. },
  29. // 是否虚线,true-虚线,false-实线
  30. dashed: {
  31. type: Boolean,
  32. default: () => defProps.line.dashed
  33. }
  34. }
  35. })