青蛙卖大米小程序2024-11-24
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

112 lines
2.1 KiB

6 months ago
  1. export default {
  2. props: {
  3. value: {
  4. type: [String, Number],
  5. default: 0
  6. },
  7. modelValue: {
  8. type: [String, Number],
  9. default: 0
  10. },
  11. // 步进器标识符,在change回调返回
  12. name: {
  13. type: [String, Number],
  14. default: ''
  15. },
  16. // 最小值
  17. min: {
  18. type: [String, Number],
  19. default: 1
  20. },
  21. // 最大值
  22. max: {
  23. type: [String, Number],
  24. default: Number.MAX_SAFE_INTEGER
  25. },
  26. // 加减的步长,可为小数
  27. step: {
  28. type: [String, Number],
  29. default: 1
  30. },
  31. // 是否只允许输入整数
  32. integer: {
  33. type: Boolean,
  34. default: false
  35. },
  36. // 是否禁用,包括输入框,加减按钮
  37. disabled: {
  38. type: Boolean,
  39. default: false
  40. },
  41. // 是否禁用输入框
  42. disabledInput: {
  43. type: Boolean,
  44. default: false
  45. },
  46. // 是否开启异步变更,开启后需要手动控制输入值
  47. asyncChange: {
  48. type: Boolean,
  49. default: false
  50. },
  51. // 输入框宽度,单位为px
  52. inputWidth: {
  53. type: [String, Number],
  54. default: 35
  55. },
  56. // 是否显示减少按钮
  57. showMinus: {
  58. type: Boolean,
  59. default: true
  60. },
  61. // 是否显示增加按钮
  62. showPlus: {
  63. type: Boolean,
  64. default: true
  65. },
  66. // 显示的小数位数
  67. decimalLength: {
  68. type: [String, Number, null],
  69. default: null
  70. },
  71. // 是否开启长按加减手势
  72. longPress: {
  73. type: Boolean,
  74. default: true
  75. },
  76. // 输入框文字和加减按钮图标的颜色
  77. color: {
  78. type: String,
  79. default: '#323233'
  80. },
  81. // 按钮大小,宽高等于此值,单位px,输入框高度和此值保持一致
  82. buttonSize: {
  83. type: [String, Number],
  84. default: 30
  85. },
  86. // 输入框和按钮的背景颜色
  87. bgColor: {
  88. type: String,
  89. default: '#EBECEE'
  90. },
  91. // 指定光标于键盘的距离,避免键盘遮挡输入框,单位px
  92. cursorSpacing: {
  93. type: [String, Number],
  94. default: 100
  95. },
  96. // 是否禁用增加按钮
  97. disablePlus: {
  98. type: Boolean,
  99. default: false
  100. },
  101. // 是否禁用减少按钮
  102. disableMinus: {
  103. type: Boolean,
  104. default: false
  105. },
  106. // 加减按钮图标的样式
  107. iconStyle: {
  108. type: [Object, String],
  109. default: ''
  110. },
  111. ...uni.$uv?.props?.numberBox
  112. }
  113. }