# type: Container

Container 作为基础的容器组件,通过各类样式属性的应用,可以设置宽高、内外边距以及背景颜色等,可以嵌套自身以及其他组件,常用来实现页面布局以及嵌套其他组件实现局部样式布局。

# demo

# props

名称 类型 默认值 可选值 必填 描述
display string show show,hide 是否展现该容器
clickTimeout number 1000 - 容器可被点击的时间间隔,单位毫秒
clickable string enable enable,disable 默认容器的可点击态是基于是否有绑定 onClick 事件,增加这个属性,强制禁用可点击(即使有绑定 onClick)
enableVoice boolean false - 是否支持注册语音话术,具体描述详见
voiceAction string - - 语音话术类型,具体格式详见
voiceConfig string - - 语音话术内容,具体格式详见

# events

名称 参数 参数说明 event说明
onClick - - 容器区域被点击后触发该事件
onLoaded - - 组件加载完成后可触发该事件(仅在初次渲染完成时触发一次)

# items

名称 说明
firstItem 容器头部插槽,最先展现的子 component
lastItem 容器尾部插槽,最后展现的子 component

# 组件样例(example)

{
    "type":"Container",
    "componentId":"example-container",
    "styles": {
        "background":"green",
        "width":"100%",
        "height":"100%"
    },
    "props": {
        "display": "show",
        "clickTimeout": 5000,
        "enableVoice": true,
        "voiceAction": "click",
        "voiceConfig": "click.name: 测试页面;"
    },
    "events": {
        "onClick": [{
            "type":"SendEvent",
            "componentId":"example-container"
        }]
    }
}