uniapp实现评分数字效果

要实现评分数字效果，可以使用 `u-rate` 组件和 `u-label` 组件结合起来使用。

1. 在 `template` 标签中，使用 `u-rate` 组件显示评分，例如：

<u-rate v-model="score" active-color="#f7ba2a" inactive-color="#ddd" size="20" :max="5"></u-rate>

其中，`v-model` 绑定评分值，`active-color` 为选中颜色，`inactive-color` 为未选中颜色，`size` 为图标大小，`:max` 为评分最大值。

2. 在 `template` 标签中，在 `u-rate` 组件下方使用 `u-label` 组件显示评分数字，例如：

<u-label :text="score.toFixed(1)" color="#f7ba2a"></u-label>

其中，`:text` 绑定评分值，并使用 `toFixed(1)` 方法保留一位小数，`color` 为数字颜色。

完整代码示例：

<template>
  <div>
    <u-rate v-model="score" active-color="#f7ba2a" inactive-color="#ddd" size="20" :max="5"></u-rate>
    <u-label :text="score.toFixed(1)" color="#f7ba2a"></u-label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      score: 3.5 // 默认评分值
    }
  }
}
</script>