布局 Layout
引入
import {gLayout,gHeader,gContent,gSider,gFooter} from 'roxas-ui'
用于布局的容器组件,方便快速搭建页面的基本结构:
g-layout:外层容器
g-header:顶栏容器。
g-sider:侧边栏容器。
g-content:主要区域容器。
g-footer:底栏容器。
以上组件采用了 flex 布局,使用前请确定目标浏览器是否兼容。此外,g-layout 的子元素只能是后四者,后四者的父元素也只能是 g-layout。