Skip to content

Container 页面容器

用于搭建常见的页面布局结构。包含 UeContainerUeHeaderUeAsideUeMainUeFooter

基础结构

Container 提供基础页面结构,默认在检测到 HeaderFooter 时使用纵向布局;内部嵌套时可形成左右结构。

Header
Main
Footer

典型左右布局(左侧边)

通过嵌套 ContainerAside/Main 组合实现左右布局,可放在 Header/Footer 之间。

Header
Main
Footer

典型左右布局(右侧边)

调整 Aside/Main 顺序即可得到右侧边布局。

Header
Main
Footer

自定义尺寸与背景

通过 height / width / bgColor 等属性快速调整容器尺寸与视觉色块。

自定义 Header(64px)
自定义主区域背景
自定义 Footer(56px)

属性

  • UeContainer: directionvertical / horizontal,默认自动推断)
  • UeHeader: heightbgColor
  • UeAside: widthbgColor
  • UeMain: bgColor
  • UeFooter: heightbgColor