Container 容器

通用卡片容器

何时使用

可承载文字、列表、图片、段落等,便于用户浏览内容

代码示例

基本使用

属性

属性类型必填默认值说明
titlestring-标题
titleImagestring-标题缩略图 url
classNamestring-类名
multiBoxnumber0容器中有几个盒子,最大值 3,等于 0 为关闭多盒子模式
headerInBoxbooleantrue标题是否在容器中

插槽

插槽名称说明
headerRight头部右侧内容
box1多盒子模式第一个盒子
box2多盒子模式第二个盒子
box3多盒子模式第三个盒子

样式类

类名说明
amd-container整体样式
amd-container-header标题栏整体样式
amd-container-header-image标题栏图片样式
amd-container-header-title标题栏标题样式
amd-container-content内容样式