Container 容器
Container 是一种容器组件,它可以渲染其他 amis 组件。
注意 Container 组件因为历史原因多了一层 div,推荐使用 wrapper 来作为容器。
基本用法
```schema: scope=”body” { “type”: “container”, “body”:”这里是容器内容区” }
### style
container 可以通过 style 来设置样式,比如背景色或背景图,注意这里的属性是使用驼峰写法,是 `backgroundColor` 而不是 `background-color`。
```schema: scope="body"
{
"type": "container",
"style": {
"backgroundColor": "#C4C4C4"
},
"body": "这里是容器内容区"
}
wrapperComponent
修改标签名可以让容器使用其它标签渲染,比如 pre
schema: scope="body"
{
"type": "container",
"wrapperComponent": "pre",
"body": "var a = 1;"
}
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"container" |
指定为 container 渲染器 |
className | string |
外层 Dom 的类名 | |
bodyClassName | string |
容器内容区的类名 | |
wrapperComponent | string |
"div" |
容器标签名 |
style | Object |
自定义样式 | |
body | SchemaNode | 容器内容 |