布局

通过 5 种导航栏模式和 4 种页宽模式的组合搭配，可实现 20 种布局结构，再搭配默认提供的 6 款主题，即可实现上百种界面风格。

导航栏模式

在应用配置里进行设置，可实现 5 种导航栏模式：

const globalSettings: Settings.all = {
  menu: {
    menuMode: 'head',
  },
}

const globalSettings: Settings.all = {
  menu: {
    menuMode: 'side',
  },
}

const globalSettings: Settings.all = {
  menu: {
    menuMode: 'single',
  },
}

const globalSettings: Settings.all = {
  menu: {
    menuMode: 'only-side',
  },
}

const globalSettings: Settings.all = {
  menu: {
    menuMode: 'only-head',
  },
}

布局相关的变量存放在 /src/assets/styles/globals.scss 文件中（注意看注释），均为 CSS 变量。