Container 容器

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

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

基本用法

```schema: scope=”body” { “type”: “container”, “body”:”这里是容器内容区” }

  1. ### style
  2. container 可以通过 style 来设置样式,比如背景色或背景图,注意这里的属性是使用驼峰写法,是 `backgroundColor` 而不是 `background-color`
  3. ```schema: scope="body"
  4. {
  5. "type": "container",
  6. "style": {
  7. "backgroundColor": "#C4C4C4"
  8. },
  9. "body": "这里是容器内容区"
  10. }

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 容器内容