uni-app uni-rate星星数量过多时不换行，使用flex-wrap进行换行后，第二行的星星不能点击
uni-app uni-rate星星数量过多时不换行，使用flex-wrap进行换行后，第二行的星星不能点击
2 回复
不能这么做的 不是bug
这个组件带有（滑动手势选择评分）和（选半星评分）的功能 要根据滑动的坐标来计算评分 如果你换行了 就会导致计算出错 第二行无法选中
你这个需求可以自定组件 或者 用两行uni-rate二次封装 来实现
更多关于uni-app uni-rate星星数量过多时不换行，使用flex-wrap进行换行后，第二行的星星不能点击的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app中使用uni-rate组件时，如果星星数量过多导致换行后第二行无法点击，可以尝试以下解决方案：
- 检查flex布局是否正确应用：
- 确保父容器设置了
flex-wrap: wrap - 给uni-rate组件设置固定宽度或百分比宽度
- 替代方案：
.rate-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.rate-item {
width: 50%; /* 根据实际需求调整 */
}
- 事件处理问题：
- 检查是否在第二行的星星上正确绑定了点击事件
- 确保没有其他元素覆盖了第二行的星星
- 推荐做法： 如果星星数量确实很多，建议考虑使用横向滚动而不是换行，这样能保持更好的用户体验：
.scroll-container {
white-space: nowrap;
overflow-x: auto;
}