推荐使用 ga-page 组件作为您的页面组件根节点,以此为基础进行功能页面开发~
ga-page 组件将页面功能分割为 4 个插槽 :
推荐您通过实现这4个插槽来进行页面布局工作。
header 插槽基于 el-row 组件,已经将插槽外部进行 flex 声明,同事内部元素进行两端对齐,内部代码 :
body 插槽基于 .ga-page-body 样式,内部代码 :
body 插槽基于 .ga-page-footer 样式,以 fixed 形式定位于页面底部,内部代码 :
如果您觉得 ga-page 组件不能满足您的个性化需要,可以不使用它,也可以只实现主体插槽,在主体插槽中实现自己的布局。