style: 样式优化

src/components/layout/Aside.vue

@@ -54,13 +54,13 @@ export default {
 .app-aside {
   position: sticky;
   top: 0;
-  width: 240px;
+  width: 200px;
   z-index: 100;
   background: #fff;
   border-right: 1px solid rgba(0, 0, 0, 0.12);
   overflow-x: hidden;
   overflow-y: auto;
-  flex: 0 0 240px;
+  flex: 0 0 200px;
 }
 .nav {
   margin: 20px 0;

src/components/layout/Breadcrumb.vue

@@ -20,10 +20,10 @@ export default {
 </script>
 <style lang="scss">
 .app-breadcrumb {
-  padding: 20px 0 32px;
+  padding: 18px 0 32px;
 
   .el-breadcrumb {
-    font-size: 24px;
+    font-size: 20px;
     font-weight: 400;
     line-height: 1;
   }

src/components/layout/Index.vue

@@ -24,7 +24,7 @@ export default {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
-  background-color: #f4f5f7;
+  background-color: #ededed;
 }
 .app-layout-container {
   flex: 1;

src/components/layout/Main.vue

@@ -24,7 +24,7 @@ export default {
 .app-main {
   position: relative;
   flex: 1;
-  padding: 24px;
+  padding: 20px;
   overflow: hidden;
 }
 .app-main-inner {

src/main.js

@@ -10,7 +10,7 @@ import beforeEnter from '@/utils/beforeEnter'
 // Element-UI
 import ElementUI from 'element-ui'
 import '@/assets/theme/style.scss'
-Vue.use(ElementUI)
+Vue.use(ElementUI, { size: 'small' })
 
 // 注册模块
 modules({ router, store })