扩展公共样式

用 Create Godzilla App 创建的 UI 应用，已经提供了很多公共样式，一般合理使用这些样式就能满足项目需求，如若不满足，可以修改或者扩展公共样式。

假设我们要修改 Header 的背景色为rgb(118, 122, 126)，如下为操作步骤

第一步，新增样式文件 app/styles/index.scss，注意文件路径不可改，内容如下

// 首先要引入框架的样式，这一行不能删！
@import '@/styles/index.scss';

第二步，修改 Header 背景色

// 首先要引入框架的样式，这一行不能删！
@import '@/styles/index.scss';

// 定义样式变量
$layout-header-bg: rgb(118, 122, 126);

body {
  .layout-main {
    .layout-header {
      background: $layout-header-bg; // 修改Header背景色
    }
  }
}

然后重新 npm start 就可以看到效果啦