Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 

60 lignes
1.8 KiB

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