props.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // #ifdef VUE3
  5. // 用于v-model双向绑定选中的星星数量
  6. modelValue: {
  7. type: [String, Number],
  8. default: defprops.rate.value
  9. },
  10. // #endif
  11. // #ifdef VUE2
  12. // 用于v-model双向绑定选中的星星数量
  13. value: {
  14. type: [String, Number],
  15. default: defprops.rate.value
  16. },
  17. // #endif
  18. // 要显示的星星数量
  19. count: {
  20. type: [String, Number],
  21. default: defprops.rate.count
  22. },
  23. // 是否不可选中
  24. disabled: {
  25. type: Boolean,
  26. default: defprops.rate.disabled
  27. },
  28. // 是否只读
  29. readonly: {
  30. type: Boolean,
  31. default: defprops.rate.readonly
  32. },
  33. // 星星的大小,单位px
  34. size: {
  35. type: [String, Number],
  36. default: defprops.rate.size
  37. },
  38. // 未选中时的颜色
  39. inactiveColor: {
  40. type: String,
  41. default: defprops.rate.inactiveColor
  42. },
  43. // 选中的颜色
  44. activeColor: {
  45. type: String,
  46. default: defprops.rate.activeColor
  47. },
  48. // 星星之间的间距,单位px
  49. gutter: {
  50. type: [String, Number],
  51. default: defprops.rate.gutter
  52. },
  53. // 最少能选择的星星个数
  54. minCount: {
  55. type: [String, Number],
  56. default: defprops.rate.minCount
  57. },
  58. // 是否允许半星
  59. allowHalf: {
  60. type: Boolean,
  61. default: defprops.rate.allowHalf
  62. },
  63. // 选中时的图标(星星)
  64. activeIcon: {
  65. type: String,
  66. default: defprops.rate.activeIcon
  67. },
  68. // 未选中时的图标(星星)
  69. inactiveIcon: {
  70. type: String,
  71. default: defprops.rate.inactiveIcon
  72. },
  73. // 是否可以通过滑动手势选择评分
  74. touchable: {
  75. type: Boolean,
  76. default: defprops.rate.touchable
  77. }
  78. }
  79. }