增加菜单和修改布局

src/layout/index.vue

@@ -22,7 +22,9 @@
         <el-container class="hc-container-view">
             <el-header class="hc-header-view">
                 <div class="hc-header-box">
-                    <div id="hc-header-page-name" class="hc-header-page-name">菜单</div>
+                    <div class="hc-header-menu">
+                        111
+                    </div>
                     <div class="hc-header-content">
                         <HcCascader @change="cascaderChange" />
                         <HelpInfoBar />

src/layout/layout.scoped.scss

@@ -97,10 +97,8 @@
                 align-items: center;
                 flex-direction: row;
                 padding: 12px 20px;
-                .hc-header-page-name {
+                .hc-header-menu {
                     position: relative;
-                    color: #cccccc;
-                    font-size: 22px;
                     display: flex;
                     align-items: center;
                     flex: 1;