# 布局&样式

gzm-design设计器提供了1套布局方案，布局含左侧菜单栏、顶部导航栏、内容区域、右侧操作栏。

# 布局

布局代码在src/views/Editor/layouts 下，布局编号如下

编号①对应header目录

编号②对应panel/leftPanel目录

编号③对应panel/rightPanel目录

编号④对应canvasEdit目录

编号⑤对应footer目录

采用less动态样式语言定义各个区域的宽高，具体配置在layouts/styles/layouts.less，每个编号的区域样式在各个目录中单独定义