Skip to content

A2UI 评分 Rate

通过 Schema 配置生成 XRate 评分组件。

字段配置

json
{
  "name": "score",
  "label": "评分",
  "type": "rate",
  "props": {
    "max": 5,
    "allowHalf": false,
    "showText": false
  }
}

Props 配置

属性类型默认值说明
maxnumber5最大评分值
allowHalfbooleanfalse允许半星
showTextbooleanfalse显示辅助文字
disabledbooleanfalse禁用状态
colorsarray['#F7BA2A', '#F7BA2A', '#F7BA2A']星星颜色

示例

基础评分

json
{ "name": "rating", "label": "评价", "type": "rate" }

允许半星

json
{ "name": "score", "label": "分数", "type": "rate", "props": { "max": 10, "allowHalf": true } }

默认值

Rate 字段默认值为 0

渲染组件

A2UI Rate 字段会渲染为 XTO UI 的 XRate 组件:

vue
<XRate v-model="formData.score" :max="5" />

相关链接

基于 MIT 许可发布