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

1.7 KiB
Executable File

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

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

基本用法

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