mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 13:38:56 +08:00
65ac422ed6
* 补充容错 * fix: form 中 name 关联顶层数据初始化失效 * 更新 examples * 文档调整 * 删除多余的文档, 调整 schema * schema 调整 * schema 调整 * control 类型容器 control 改成 body * 修复一个选项加载的bug * form 注册直接用 type
2.4 KiB
Executable File
2.4 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Color 颜色 | 0 | ⚙ 组件 | Color | 37 |
用于展示颜色
基本用法
{
"type": "page",
"body": {
"type": "color",
"value": "#108cee"
}
}
用作 Field 时
当用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的 Static-XXX 中时,可以设置name
属性,映射同名变量
Table 中的列类型
{
"type": "table",
"data": {
"items": [
{
"id": "1",
"color": "#108cee"
},
{
"id": "2",
"color": "#f38900"
},
{
"id": "3",
"color": "#04c1ba"
}
]
},
"columns": [
{
"name": "id",
"label": "Id"
},
{
"name": "color",
"label": "颜色",
"type": "color"
}
]
}
List 的内容、Card 卡片的内容配置同上
Form 中静态展示
{
"type": "form",
"data": {
"color": "#108cee"
},
"body": [
{
"type": "static-color",
"name": "color",
"label": "颜色"
}
]
}
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
如果在 Table、Card 和 List 中,为"color" ;在 Form 中用作静态展示,为"static-color" |
|
className | string |
外层 CSS 类名 | |
value | string |
显示的颜色值 | |
name | string |
在其他组件中,时,用作变量映射 | |
defaultColor | string |
#ccc |
默认颜色值 |
showValue | boolean |
true |
是否显示右边的颜色值 |