'样式优化'

src/index.css

@@ -5,7 +5,7 @@
 html, body {
   width: 100%;
   height: 100%;
-  font-size: 16px;
+  font-size: 12px;
 }
 #app {
   width: 100%;

src/main.js

@@ -1,5 +1,6 @@
 import Vue from 'vue';
 import App from './App.vue';
+
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 // 路由跳转进度条

src/pages/layout/Layout.vue

@@ -27,7 +27,8 @@ export default {
     height: 100%;
     display: flex;
     .right-con {
-      width: calc(100% - 200px);
+      width: calc(100% - 150px);
+      margin-left: 150px;
       display: flex;
       flex-direction: column;
     }

src/pages/layout/leftnav/LeftNav.vue

@@ -27,8 +27,9 @@
 </template>
 <style lang="less">
   .left-nav {
-    width: 200px;
+    width: 150px;
     height: 100%;
+    position: fixed;
     background-color: #324157;
     .el-menu {
       border: none;