props.js 1.9 KB

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