整体优化

src/views/Home/Home.vue

@@ -1,16 +1,21 @@
 <template>
     <div class="home">
         <header class="header">
-            <div class="left">left</div>
+            <div class="left">慧牧科技</div>
             <div class="right">
-                <el-button type="primary" @click="onSignIn">登录</el-button>
-                <el-button type="primary" @click="onSignIn">登录</el-button>
+                <el-button-group>
+                    <el-button type="primary" size="mini" icon="el-icon-arrow-left">登录</el-button>
+                    <el-button type="primary" size="mini">
+                        切换
+                        <i class="el-icon-arrow-right el-icon--right"></i>
+                    </el-button>
+                </el-button-group>
             </div>
         </header>
         <section class="section">
             <el-row class="tac">
                 <el-col :span="3">
-                    <h5>默认颜色</h5>
+                    <!-- <h5>默认颜色</h5> -->
                     <el-menu
                         default-active="2"
                         class="el-menu-vertical-demo"
@@ -47,8 +52,8 @@
                         </div>
                     </el-menu>
                 </el-col>
-                <el-col :span="21">
-                    <div class="aa">
+                <el-col :span="21" class="main_right">
+                    <div class="warp">
                         <router-view />
                         <!-- <iframe :src="iframeSrc" frameborder="0"></iframe> -->
                     </div>
@@ -72,7 +77,7 @@ export default {
         };
     },
     created() {
-        console.log(this.$route)
+        console.log(this.$route);
     },
     mounted() {},
     methods: {
@@ -89,7 +94,8 @@ export default {
         onClickMenu(e) {
             console.log(e.$attrs.routerName);
             // 如果要跳转的路由和当前路由一致就 return
-            if(this.$router.history.current.name == e.$attrs.routerName) return
+            if (this.$router.history.current.name == e.$attrs.routerName)
+                return;
             this.$router.push({
                 path: "/" + e.$attrs.routerName
             });
@@ -100,17 +106,29 @@ export default {
 
 <style lang="scss" scoped>
 .home {
+    background-color: #eee;
     .header {
+        background-color: #fff;
+        margin-bottom: 5px;
+        padding: 10px 20px;
         display: flex;
         justify-content: space-between;
-        border: 1px solid #099;
+        align-items: center;
+        .left {
+            font-size: 25px;
+            color: #969696;
+        }
     }
-    height: 2000px;
     .section {
-        .aa {
-            width: 100%;
-            height: 800px;
-            border: 1px solid #099;
+        .tac {
+            background-color: #fff;
+            display: flex;
+        }
+        .main_right {
+            .warp {
+                width: 100%;
+                height: 800px;
+            }
         }
     }
     // border: 2px solid #f00;