评分

Rate

UI 组件也叫：星级评分、Rating、打分、五星评价

一句话：一排五颗星（或其他图标），点亮几颗表示几分，既能让用户打分，也能只读展示平均分。

详细解释

评分组件最常见的样子是一排五颗星：鼠标悬停时从左到右预览点亮，点击确定分数，有的还支持半星，比如 4.5 分。它有两种用法：一是输入，放在评价表单里让用户给商品、服务打分；二是 只读展示，在商品卡片上显示平均分，旁边通常跟着「4.8 分 · 1,203 条评价」这样的文字。

只读展示时，星星本身不够精确，一定要配上数字和评价人数，否则用户分不清 4.2 和 4.6。如果选项不是高低程度，而是「满意 / 一般 / 不满意」这种类别，用 单选框 或表情按钮比星星更清楚。星星要有足够大的点击区域，手机上尤其要注意。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

评价表单里放一个五星评分：星星 24px，悬停时从左到右预览点亮，点击确定分数，支持半星，右侧显示对应文字「很差 / 较差 / 一般 / 满意 / 超赞」；商品卡片上用只读小星星展示平均分，后面跟「4.8 分 · 1,203 条评价」。

由一排可点击的星形或其他图标组成，按分数点亮，常附带分数文字或评价数量。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。