A2UI 评分 Rate
通过 Schema 配置生成 XRate 评分组件。
字段配置
json
{
"name": "score",
"label": "评分",
"type": "rate",
"props": {
"max": 5,
"allowHalf": false,
"showText": false
}
}Props 配置
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| max | number | 5 | 最大评分值 |
| allowHalf | boolean | false | 允许半星 |
| showText | boolean | false | 显示辅助文字 |
| disabled | boolean | false | 禁用状态 |
| colors | array | ['#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" />相关链接
- XRate 组件文档 - XTO UI 评分详细说明
- A2UI 表单 - 表单整体配置