amis2/docs/components/json.md

title	description	type	group	menuName	icon	order
Json		0	⚙ 组件	Json		54

JSON 展示组件

基本用法

{
    "type": "page",
    "body": {
        "type": "json",
        "value": {
            "a": "a",
            "b": "b",
            "c": {
                "d": "d"
            }
        }
    }
}

主题

可配置jsonTheme，指定显示主题，可选twilight和eighties，默认为twilight。

[
{
    "type": "json",
    "value": {
        "a": "a",
        "b": "b",
        "c": {
            "d": "d"
        }
    }
},
{
    "type": "divider"
},
{
    "type": "json",
    "jsonTheme": "eighties",
    "value": {
        "a": "a",
        "b": "b",
        "c": {
            "d": "d"
        }
    }
}
]

配置默认展开层级

{
    "type": "page",
    "body": {
        "type": "json",
        "levelExpand": 0,
        "value": {
            "a": "a",
            "b": "b",
            "c": {
                "d": "d"
            }
        }
    }
}

如上，levelExpand配置为0，则默认不展开。

属性表

属性名	类型	默认值	说明
type	string		如果在 Table、Card 和 List 中，为"json"；在 Form 中用作静态展示，为"static-json"
className	string		外层 CSS 类名
placeholder	string	-	占位文本
levelExpand	number	1	默认展开的层级
jsonTheme	string	twilight	主题，可选twilight和eighties