props.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. // 星星的大小,单位px
  19. size: {
  20. type: [String, Number],
  21. default: uni.$u.props.rate.size
  22. },
  23. // 未选中时的颜色
  24. inactiveColor: {
  25. type: String,
  26. default: uni.$u.props.rate.inactiveColor
  27. },
  28. // 选中的颜色
  29. activeColor: {
  30. type: String,
  31. default: uni.$u.props.rate.activeColor
  32. },
  33. // 星星之间的间距,单位px
  34. gutter: {
  35. type: [String, Number],
  36. default: uni.$u.props.rate.gutter
  37. },
  38. // 最少能选择的星星个数
  39. minCount: {
  40. type: [String, Number],
  41. default: uni.$u.props.rate.minCount
  42. },
  43. // 是否允许半星
  44. allowHalf: {
  45. type: Boolean,
  46. default: uni.$u.props.rate.allowHalf
  47. },
  48. // 选中时的图标(星星)
  49. activeIcon: {
  50. type: String,
  51. default: uni.$u.props.rate.activeIcon
  52. },
  53. // 未选中时的图标(星星)
  54. inactiveIcon: {
  55. type: String,
  56. default: uni.$u.props.rate.inactiveIcon
  57. },
  58. // 是否可以通过滑动手势选择评分
  59. touchable: {
  60. type: Boolean,
  61. default: uni.$u.props.rate.touchable
  62. }
  63. }
  64. }