props.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. import { defineMixin } from '../../libs/vue'
  2. import defProps from '../../libs/config/props.js'
  3. export const props = defineMixin({
  4. props: {
  5. // 组件状态,loadmore-加载前的状态,loading-加载中的状态,nomore-没有更多的状态
  6. status: {
  7. type: String,
  8. default: () => defProps.loadmore.status
  9. },
  10. // 组件背景色
  11. bgColor: {
  12. type: String,
  13. default: () => defProps.loadmore.bgColor
  14. },
  15. // 是否显示加载中的图标
  16. icon: {
  17. type: Boolean,
  18. default: () => defProps.loadmore.icon
  19. },
  20. // 字体大小
  21. fontSize: {
  22. type: [String, Number],
  23. default: () => defProps.loadmore.fontSize
  24. },
  25. // 图标大小
  26. iconSize: {
  27. type: [String, Number],
  28. default: () => defProps.loadmore.iconSize
  29. },
  30. // 字体颜色
  31. color: {
  32. type: String,
  33. default: () => defProps.loadmore.color
  34. },
  35. // 加载中状态的图标,spinner-花朵状图标,circle-圆圈状,semicircle-半圆
  36. loadingIcon: {
  37. type: String,
  38. default: () => defProps.loadmore.loadingIcon
  39. },
  40. // 加载前的提示语
  41. loadmoreText: {
  42. type: String,
  43. default: () => defProps.loadmore.loadmoreText
  44. },
  45. // 加载中提示语
  46. loadingText: {
  47. type: String,
  48. default: () => defProps.loadmore.loadingText
  49. },
  50. // 没有更多的提示语
  51. nomoreText: {
  52. type: String,
  53. default: () => defProps.loadmore.nomoreText
  54. },
  55. // 在“没有更多”状态下,是否显示粗点
  56. isDot: {
  57. type: Boolean,
  58. default: () => defProps.loadmore.isDot
  59. },
  60. // 加载中图标的颜色
  61. iconColor: {
  62. type: String,
  63. default: () => defProps.loadmore.iconColor
  64. },
  65. // 上边距
  66. marginTop: {
  67. type: [String, Number],
  68. default: () => defProps.loadmore.marginTop
  69. },
  70. // 下边距
  71. marginBottom: {
  72. type: [String, Number],
  73. default: () => defProps.loadmore.marginBottom
  74. },
  75. // 高度,单位px
  76. height: {
  77. type: [String, Number],
  78. default: () => defProps.loadmore.height
  79. },
  80. // 是否显示左边分割线
  81. line: {
  82. type: Boolean,
  83. default: () => defProps.loadmore.line
  84. },
  85. // 线条颜色
  86. lineColor: {
  87. type: String,
  88. default: () => defProps.loadmore.lineColor
  89. },
  90. // 是否虚线,true-虚线,false-实线
  91. dashed: {
  92. type: Boolean,
  93. default: () => defProps.loadmore.dashed
  94. }
  95. }
  96. })