3
0

props.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. // 提示内容
  6. loadingText: {
  7. type: [String, Number],
  8. default: () => defProps.loadingPage.loadingText
  9. },
  10. // 文字上方用于替换loading动画的图片
  11. image: {
  12. type: String,
  13. default: () => defProps.loadingPage.image
  14. },
  15. // 加载动画的模式,circle-圆形,spinner-花朵形,semicircle-半圆形
  16. loadingMode: {
  17. type: String,
  18. default: () => defProps.loadingPage.loadingMode
  19. },
  20. // 是否加载中
  21. loading: {
  22. type: Boolean,
  23. default: () => defProps.loadingPage.loading
  24. },
  25. // 背景色
  26. bgColor: {
  27. type: String,
  28. default: () => defProps.loadingPage.bgColor
  29. },
  30. // 文字颜色
  31. color: {
  32. type: String,
  33. default: () => defProps.loadingPage.color
  34. },
  35. // 文字大小
  36. fontSize: {
  37. type: [String, Number],
  38. default: () => defProps.loadingPage.fontSize
  39. },
  40. // 图标大小
  41. iconSize: {
  42. type: [String, Number],
  43. default: () => defProps.loadingPage.fontSize
  44. },
  45. // 加载中图标的颜色,只能rgb或者十六进制颜色值
  46. loadingColor: {
  47. type: String,
  48. default: () => defProps.loadingPage.loadingColor
  49. },
  50. // 层级
  51. zIndex: {
  52. type: [Number],
  53. default: () => defProps.loadingPage.zIndex
  54. },
  55. }
  56. })