amis2/docs/zh-CN/components/container.md

title	description	type	group	menuName	icon	order
Container 容器		0	⚙ 组件	Container 容器		38

Container 是一种容器组件，它可以渲染其他 amis 组件。

注意 Container 组件因为历史原因多了一层 div，推荐使用 wrapper 来作为容器。

基本用法

{
    "type": "container",
    "body":"这里是容器内容区"
}

style

container 可以通过 style 来设置样式，比如背景色或背景图，注意这里的属性是使用驼峰写法，是 backgroundColor 而不是 background-color。

{
    "type": "container",
    "style": {
        "backgroundColor": "#C4C4C4"
    },
    "body": "这里是容器内容区"
}

wrapperComponent

修改标签名可以让容器使用其它标签渲染，比如 pre

{
    "type": "container",
    "wrapperComponent": "pre",
    "body": "var a = 1;"
}

属性表

属性名	类型	默认值	说明
type	string	"container"	指定为 container 渲染器
className	string		外层 Dom 的类名
bodyClassName	string		容器内容区的类名
wrapperComponent	string	"div"	容器标签名
style	Object		自定义样式
body	SchemaNode		容器内容