feat : 新增首页界面

src/assets/styles/index.scss

@@ -19,7 +19,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
 }
 
 .el-main {
-  background: #F4F6F8;
+  background: #EFEFEF;
   padding: 0 0 0 18px;
   position: fixed;
   left: 200px;
@@ -27,6 +27,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
   margin-left: 0;
   transition: margin-left .15s;
   width: calc(100vw - 200px);
+
   &::-webkit-scrollbar {
     width: 6px;
   }
@@ -83,9 +84,11 @@ html, body, #app, .el-container, .el-aside, .el-main {
   align-items: center;
   margin-bottom: 10px;
 }
-.el-dialog__body{
+
+.el-dialog__body {
   padding: 10px 20px;
 }
+
 .stateIcon {
   margin-top: 9px;
   margin-right: 7px;
@@ -248,7 +251,8 @@ html, body, #app, .el-container, .el-aside, .el-main {
     justify-content: center;
     z-index: 0;
     position: relative;
-    .el-icon{
+
+    .el-icon {
       width: 1.4em;
       height: 1.4em;
     }
@@ -287,9 +291,10 @@ html, body, #app, .el-container, .el-aside, .el-main {
 .layout {
   display: flex;
   justify-content: space-around;
+
   .scrollbar-user {
-    height: calc(100vh - 250px)!important;
-    overflow: auto!important;
+    height: calc(100vh - 250px) !important;
+    overflow: auto !important;
   }
 
   .scrollbar-dict {
@@ -401,6 +406,15 @@ html, body, #app, .el-container, .el-aside, .el-main {
 }
 
 //SvgIcon组件的样式
+.home-icon {
+  width: 4em;
+  height: 4em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+  margin-right: 5px;
+}
+
 .svg-icon {
   width: 1.2em;
   height: 1.2em;
@@ -445,10 +459,12 @@ html, body, #app, .el-container, .el-aside, .el-main {
   overflow: hidden;
   margin-right: 5px;
 }
-.fen-icon{
+
+.fen-icon {
   width: 1.8em;
   height: 1.7em;
 }
+
 .middle-icon {
   width: 1.4em;
   height: 1.4em;