props.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. // 是否显示组件
  6. show: {
  7. type: Boolean,
  8. default: () => defProps.loadingIcon.show
  9. },
  10. // 颜色
  11. color: {
  12. type: String,
  13. default: () => defProps.loadingIcon.color
  14. },
  15. // 提示文字颜色
  16. textColor: {
  17. type: String,
  18. default: () => defProps.loadingIcon.textColor
  19. },
  20. // 文字和图标是否垂直排列
  21. vertical: {
  22. type: Boolean,
  23. default: () => defProps.loadingIcon.vertical
  24. },
  25. // 模式选择,circle-圆形,spinner-花朵形,semicircle-半圆形
  26. mode: {
  27. type: String,
  28. default: () => defProps.loadingIcon.mode
  29. },
  30. // 图标大小,单位默认px
  31. size: {
  32. type: [String, Number],
  33. default: () => defProps.loadingIcon.size
  34. },
  35. // 文字大小
  36. textSize: {
  37. type: [String, Number],
  38. default: () => defProps.loadingIcon.textSize
  39. },
  40. // 文字内容
  41. text: {
  42. type: [String, Number],
  43. default: () => defProps.loadingIcon.text
  44. },
  45. // 动画模式
  46. timingFunction: {
  47. type: String,
  48. default: () => defProps.loadingIcon.timingFunction
  49. },
  50. // 动画执行周期时间
  51. duration: {
  52. type: [String, Number],
  53. default: () => defProps.loadingIcon.duration
  54. },
  55. // mode=circle时的暗边颜色
  56. inactiveColor: {
  57. type: String,
  58. default: () => defProps.loadingIcon.inactiveColor
  59. }
  60. }
  61. })