跳到主要内容

评分

用于对事物或事件进行评分操作。

何时使用

  • 对评价进行展示
  • 对事物进行快速的评级操作

一、属性

1. 数据

  1. 绑定数据:支持四种数据绑定的形式,详见通用属性中的 数据绑定

    image-20240828145338324

  2. 设置初始值:用于显示评分表的初始值。

2. 功能

评分总数:设置评分的总数,评分总数为 5,则页面上就会展示五颗星星。

image-20240828152135715

提示信息:光标悬停在评分上时,提示一些自定义的文本信息,提示信息根据设置的顺序,依次对评分生效(如下设置,光标悬停在第几个评分上,它会显示相应的信息)。

image-20240828155023251

image-20240828155735713

自定义字符:可以改变评分显示的样式,可以选择值或图标。

image-20240828155954080

自定义字符选择值类型:

image-20240828160016832

自定义字符选择图标:

image-20240828160322369

半星评分:开启后允许将评分最小单元设置成一半。

image-20240828161152870

3. 状态属性

详见通用属性

二、规则

详见通用属性

三、样式

详见通用属性

常见使用场景

  1. 系统中对于某些事物进行评价,例如电商系统中对于商品的评价,电影系统中对于电影、演员的评价等。

    image-20240820135940649

  2. 自定义评分的样式

    image-20240820140033742

  3. 设置半星评分

    image-20240820140111466

  4. 设置提示信息(光标放到评分处就可以显示出来)

    image-20240820140221942

  5. 设置评分总数

    image-20240820140315783