布局及响应式

布局说明

建议使用 element plus 提供的布局组件为基础进行布局,element plus 布局相关文档 :

https://element-plus.gitee.io/zh-CN/component/layout.html

请仔细阅读、体验 element plus 布局相关文档,掌握基础布局、间距、对齐方式、偏移、响应式布局、断点等相关技术。

flex 教程

框架基于 flex 布局,如果您对 flex 布局不熟悉,请访问下面的教程进行学习 :

https://lesscode.work/courses/620617edac7da.html

学习难度很低,布局效果很好,值得您深度学习一下。

gva.scss 带有的样式

gva.scss 作为 GraceVueAdmin 的扩展样式也封装了一些常用样式,您也可以学习此样式表的思路定制自己的样式,也可以直接使用它们。

样式作用见注释 :

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

通过 element plus 带有的样式、graceVueAdmin 内置样式再加上您的自定义样式,您可以灵活方便地进行页面布局工作,不要被框架样式束缚,熟悉并利用它们 ~