props.js 1.7 KB

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