Components

Rating 评分

星级评分，支持只读展示与语义色。

交互与只读

点击任一星级会连续填充此前所有星标，支持方向键调整。

当前 4 / 5

客户满意度（只读）

<div class="flex items-center gap-6">
  <div class="space-y-1">
    <Rating v-model="val" />
    <p class="text-xs text-slate-500 dark:text-slate-400">当前 {{ val }} / 5</p>
  </div>
  <div class="space-y-1">
    <Rating :model-value="4" color="warning" readonly />
    <p class="text-xs text-slate-500 dark:text-slate-400">客户满意度（只读）</p>
  </div>
</div>

API 参考

属性	类型	默认值	说明
`model-value`	`number`	`0`	v-model 分值。
`length`	`number`	`5`	星数。
`size`	`'sm' \| 'md' \| 'lg'`	`md`	星标尺寸。
`color`	`'primary' \| 'warning' \| 'neutral'`	`primary`	填充色。
`readonly`	`boolean`	`false`	只读展示。