Rate 评分

评分组件。

基础用法

默认不区分颜色。

辅助文字

用辅助文字直接地表达对应分数。

文本图标

支持使用文本作为图标。

半选

属性 allow-half 允许半选。

只读

只读的评分用来展示分数，支持半选。

允许清空

设置 clearable 属性后，再次点击当前值可以清空（设为 0）。

Rate 属性

属性名	说明	类型	可选值	默认值
model-value / v-model	绑定值	number	—	0
max	最大分值	number	—	5
disabled	是否为只读	boolean	—	false
allow-half	是否允许半选	boolean	—	false
icon	图标组件 / 图标名称 / 文本	string / Component	star, heart, 文本	star
void-icon	未选中图标组件 / 图标名称	string / Component	—	star
void-color	未选中颜色	string	—	#C6D1DE
disabled-void-color	禁用状态下的未选中颜色	string	—	#EFF2F7
colors	icon 的颜色	array / object	—	['#F7BA2A', '#F7BA2A', '#F7BA2A']
show-text	是否显示辅助文字	boolean	—	false
show-score	是否显示当前分数	boolean	—	false
text-color	辅助文字的颜色	string	—	—
texts	辅助文字数组	array	—	['极差', '失望', '一般', '满意', '惊喜']
score-template	分数显示模板	string	—	{value}
clearable	是否允许再次点击后清除	boolean	—	false
size	图标尺寸	string / number	—	—

Rate 事件

事件名	说明	回调参数
change	分值改变时触发	(value: number)