跳到主要内容

Rate 评分

介绍

评分

用法

基础

<OsRate
title='评分'
onChange={(item) => onChange(item)}
></OsRate>

最小尺寸

<OsRate size='small' value={2} isShowResult={false}></OsRate>

自定义图标

<OsRate
title='评分'
value={3}
selectedIcon='like-selected'
icon='like'
options={options3}
></OsRate>

API

属性

参数说明类型默认值
type尺寸,可选,type属性在未来版本中将被删除,请使用size代替'default' | 'small''small'
size尺寸,可选'default' | 'small''small'
title标题,可选string-
selectedIcon选中时icon,取值参考OsIcon,可选stringgrade-selected
icon未选中时icon,取值参考OsIcon,可选stringgrade
selectedIconColor选中icon颜色,可选string#FAB646
color未选中icon颜色,可选string#CCCCCC
options分数对应的结果,可选string[]['非常差', '差', '一般', '满意', '非常满意']
isShowResult展示分值对应的结果,可选booleantrue
value当前分值索引(从0开始),可选number0
className自定义类名,可选string-
customStyle自定义样式,可选object-

方法

函数名说明参数
onChange评分改变时触发(item)当前分值对象