跳到主要内容

评分

用于对事物进行评级或打分的组件。


一、何时使用

  • 用户提交评价与反馈(如商品评价、服务满意度等)
  • 展示已有评分(如平均星级)
  • 表单中需评分的场景(如服务态度、配送速度)

二、属性说明

1. 数据

评分数据设置

1.1 数据绑定

  • 评分值可绑定父组件的数据源,详见:数据绑定.

1.2 初始值

  • 设置默认评分值,支持手动设定或视图参数赋值。

2. 功能配置

2.1 评分总数

  • 设置评分的最大值(例如设为 5 表示最多为 5 星)

评分总数配置

2.2 选中图标

  • 设置评分选中状态时的图标,可自定义为星星、笑脸等。

选中图标设置

2.3 未选中图标

  • 设置未选中状态下显示的图标。

未选中图标设置

2.4 支持半星评分

  • 开启后可进行半星打分,提升评分精度。

半星评分设置


3. 外观配置

  • 控制图标颜色与视觉风格。

评分外观设置1 评分外观设置2

3.1 选中颜色

  • 设置选中图标的颜色,例如金色、橙色。

3.2 未选中颜色

  • 设置未评分图标的默认颜色。

3.3 禁用颜色

  • 当评分组件设置为禁用状态时,图标显示的颜色。

4. 状态

评分组件无特殊状态,详见:通用状态


三、样式配置

无独立样式项配置,统一参考:通用样式


四、常见使用场景

1. 服务态度评分

用户评价服务人员的服务质量。

服务态度评分


2. 配送速度评分

用于评价物流配送的及时性。

配送速度评分