评分

简介

评分组件是用于评分操作的魔笔基础组件。

image

配置项

分类

配置

示例

说明

内容

默认值

image

默认设置的评分值,整数类型,默认步进值为1

总数

image

图标数量

标签

image

标签,详情参见表单通用属性

标签配置

image

标签配置,详情参见表单通用属性

交互

隐藏

image

隐藏,详情参见通用属性

允许再次点击后清除

image

支持再次点击后清除选择

允许半选

image

支持选中一半,允许后,步进值为0.5

禁用

image

禁用后不可交互

校验

必填

image

校验,详情参见表单通用属性

样式

外边距

image

外边距,详情参见通用属性

图标类型

image

支持选择不同的图标类型

提示信息

image

自定义每项的提示信息

属性与方法

名称

类型

示例

说明

value

number

rate.value

当前评分组件的分值

count

number

rate.count

当前评分组件的图标总数

allowClear

boolean

rate.allowClear

只读,允许再次点击后清除当前评分组件的值

allowHalf

boolean

rate.allowHalf

只读,允许半选

disabled

boolean

rate.disabled

是否禁用当前评分组件

hidden

boolean

rate.hidden

组件是否为隐藏状态

clearCount

func

rate.clearCount()

清除组件count属性值

clearDisabled

func

rate.clearDisabled()

清除组件disabled属性值

clearHidden

func

rate.clearHidden()

清除组件hidden属性值

clearValidate

func

rate.clearValidate()

清除组件校验状态

clearValue

func

rate.clearValue()

清除组件value属性值

setValue

func

rate.setValue(3)

设置评分值

setCount

func

rate.setCount(5)

设置图标总数

setDisabled

func

rate.setDisabled(true)

设置组件是否不可用

setHidden

func

rate.setHidden(true)

设置组件是否隐藏

validate

func

rate.validate()

对组件进行校验

validationStatus

boolean

rate.validationStatus

组件校验后的状态

validationMessage

string

rate.validationMessage

组件校验后的信息

事件回调

配置

说明

image

评分值改变时的回调

image

获取焦点时的回调

image

鼠标经过时数值变化的回调

image

失去焦点的回调

场景示例

电商订单评价场景

  • 评分组件典型的应用场景之一。根据需要设置不同的评价项。

image