Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 

100 linhas
3.0 KiB

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