ga-page 组件

ga-page 组件介绍

推荐使用 ga-page 组件作为您的页面组件根节点,以此为基础进行功能页面开发~

ga-page 组件将页面功能分割为 4 个插槽 :

此文档内容需登录 + 付费后才能查看!

推荐您通过实现这4个插槽来进行页面布局工作。

header 插槽说明

header 插槽基于 el-row 组件,已经将插槽外部进行 flex 声明,同事内部元素进行两端对齐,内部代码 :

此文档内容需登录 + 付费后才能查看!

body 插槽说明

body 插槽基于 .ga-page-body 样式,内部代码 :

此文档内容需登录 + 付费后才能查看!

footer 插槽说明

body 插槽基于 .ga-page-footer 样式,以 fixed 形式定位于页面底部,内部代码 :

此文档内容需登录 + 付费后才能查看!

ga-page 组件属性

此文档内容需登录 + 付费后才能查看!

ga-page 事件

此文档内容需登录 + 付费后才能查看!

演示代码

此文档内容需登录 + 付费后才能查看!

如何自定义基础布局 ?

如果您觉得 ga-page 组件不能满足您的个性化需要,可以不使用它,也可以只实现主体插槽,在主体插槽中实现自己的布局。