Rating 评分

Guide

评分组件通常用于用户反馈场景。

基本

最简单的用法。

Loading demo...

APIs

Rating

参数说明类型默认值
defaultValue默认值Number0
size尺寸

可选值:
'small', 'medium', 'large'
Enum'medium'
valueNumber-
count评分的总数Number5
showGrade是否显示 gradeBooleanfalse
allowHalf是否允许半星评分Booleanfalse
onChange用户点击评分时触发的回调

签名:
Function(value: Number) => void
参数:
value: {Number} 评分值
Functionfunc.noop
onHoverChange用户hover评分时触发的回调

签名:
Function(value: Number) => void
参数:
value: {Number} 评分值
Functionfunc.noop
disabled是否禁用Booleanfalse
readAs评分文案生成方法,传入id支持无障碍时,读屏软件可读

签名:
Function() => void
Functionval => val
isPreview是否为预览态Booleanfalse
renderPreview预览态模式下渲染的内容

签名:
Function(value: number) => void
参数:
value: {number} 评分值
Function-
readOnly是否为只读态,效果上同 disabeldBooleanfalse

Demo

尺寸

Loading demo...

通过 size 属性可以控制评分组件的大小,支持三种尺寸 small, medium, large。 默认尺寸为 medium 。

半星评分

Loading demo...

默认情况下评分组件只支持整数评分,通过开启 allowHalf 属性可以支持半星评分。

只读模式

Loading demo...

设置 disabled 属性后,评分组件仅展示模式,不可选择。

等级提示

Loading demo...

添加 showGrade 属性,使评分组件具有等级提示信息。