Skip to content

layout 自定义布局开发

平台端开发布局风格

文件位置:admin/src/layout/

插件开发布局风格

系统布局和插件布局的加载方式是分开的

系统布局(已有四个)

文件位置:

  • admin/layout/default/layout.json

  • admin/layout/bussiness/layout.json

  • admin/layout/profession/layout.json

  • admin/layout/darkside/layout.json

插件布局

文件位置:admin/src/addon/插件名称/layout/

开发自定义布局,需在 admin/src/addon/插件名称/layout/ 文件夹下创建 index.vue、layout.json 的文件

创建一个自定义布局并将其保存到 layout/index.vue

创建 layout.json 文件,配置自定义布局的信息:

{
    "layout": "lg_cms", // 布局标识与插件key保持一致
    "cover": "/static/resource/images/system/layout_lg_cms.png" // 布局缩略图
}

插件布局设置

平台端可以给每个应用设置布局:在 admin 端打开配置->布局设置->点击应用后的设置,选择开发好的布局方式,点击确认,再次进入该单应用的站点布局就会修改成功

基于 MIT 协议发布