feat: 整合

src/assets/css/layout.scss

-
-.el-container.layout{
+.el-container.layout {
   min-height: 100vh;
 }
-.el-container.is-vertical{
+.el-container.is-vertical {
   height: 100vh;
   overflow: hidden;
 }
 
-.el-header{
+.el-header {
   $header-height: 65px;
   padding: 0px;
   header {
@@ -15,7 +14,7 @@
     padding: 0 25px;
     .header-user {
       height: $header-height;
-			float:left;
+      float: left;
       display: -webkit-flex;
       display: flex;
       flex-flow: row nowrap;
@@ -33,7 +32,7 @@
           padding: 3px 0;
           font-size: 10px;
           &.user-name {
-						color: #7A7878;
+            color: #7a7878;
           }
           &.user-role {
             font-size: 14px;
@@ -43,7 +42,7 @@
       }
     }
     .header-logout {
-			float:right;
+      float: right;
       height: $header-height;
       line-height: $header-height;
       span {
@@ -61,31 +60,31 @@
           margin-left: 4px;
           display: inline-block;
           font-size: 10px;
-					color: #7A7878;
+          color: #7a7878;
         }
       }
     }
   }
 }
 
-.el-aside{
+.el-aside {
   height: 100vh;
   overflow: visible;
   background: $side-bg-color;
-	.el-menu{
+  .el-menu {
     border-right: none;
     background: $side-bg-color;
     .menu-logo {
       height: 88px;
       background: $side-menu-active-color;
-			box-shadow:0px 5px 5px 0px #260D0408;
-			border-radius:0 0 30px 30px;
+      box-shadow: 0px 5px 5px 0px #260d0408;
+      border-radius: 0 0 30px 30px;
       display: flex;
       justify-content: center;
       align-items: center;
       span {
         font-size: 16px;
-				color: #8A4E22;
+        color: #8a4e22;
         font-weight: bold;
         img {
           width: 30px;
@@ -99,12 +98,12 @@
       margin-bottom: 10px;
       padding-left: 28px;
       font-size: 12px;
-			color:#B7B6B6;
+      color: #b7b6b6;
     }
     .el-menu-item {
       height: 50px;
       line-height: 50px;
-			color: #6B6A6A;
+      color: #6b6a6a;
       background: transparent;
       font-size: 16px;
       i {
@@ -120,26 +119,25 @@
         color: $side-bg-color;
         background: $side-menu-active-color;
       }
-			
     }
   }
 }
 
-.el-main{
+.el-main {
   background: $content-bg-color;
   padding: 18px 25px 22px 25px;
-	.main-content{
-		.content-query{
+  .main-content {
+    .content-query {
       padding: 0 20px;
-			background:$bg-color;
+      background: $bg-color;
       border-radius: 14px;
-			h2{
+      h2 {
         height: 30px;
         line-height: 30px;
         font-size: 13px;
-				color: #5B5A5A;
+        color: #5b5a5a;
       }
-			.query-handle{
+      .query-handle {
         text-align: right;
       }
       .el-form {
@@ -149,73 +147,72 @@
         }
       }
     }
-		.content-item{
+    .content-item {
       margin-bottom: 10px;
-			padding:10px 0;
-			background:$bg-color;
+      padding: 10px 0;
+      background: $bg-color;
       border-radius: 14px;
-			.el-tag{
-				margin:0 5px;
-				padding:0 5px;
+      .el-tag {
+        margin: 0 5px;
+        padding: 0 5px;
         cursor: pointer;
       }
     }
-		.content-list{
+    .content-list {
       border-radius: 14px;
-			margin-top:10px;
-			padding:10px 0 15px 0;
-			background:$bg-color;
-			.list-button{
+      margin-top: 10px;
+      padding: 10px 0 15px 0;
+      background: $bg-color;
+      .list-button {
         text-align: right;
-				margin-bottom:20px;
-				a{
-					font-size:14px;
-					color:$system-color1;
+        margin-bottom: 20px;
+        a {
+          font-size: 14px;
+          color: $system-color1;
           cursor: pointer;
-					i{
-						&:before{
+          i {
+            &:before {
               margin-right: 5px;
             }
           }
         }
-				i{
-					margin:0 5px;
-					font-size:14px;
-					color:$system-color1;
+        i {
+          margin: 0 5px;
+          font-size: 14px;
+          color: $system-color1;
           cursor: pointer;
-					&:before{
+          &:before {
             margin-right: 5px;
           }
         }
       }
     }
-		.content-apply.content-table{
+    .content-apply.content-table {
       background-color: #fff;
-			padding:20px 60px;
-			margin-top:0;
+      padding: 20px 60px;
+      margin-top: 0;
       .el-table {
-				th{
+        th {
           background-color: #f4f4f4;
           font-weight: bold;
         }
-				tbody{
-					tr.el-table__row{
+        tbody {
+          tr.el-table__row {
             td {
-							background-color: #fff;//$content-bg-color;
-							color:#7b7f83;
-							
+              background-color: #fff; //$content-bg-color;
+              color: #7b7f83;
             }
             &:hover {
               background-color: #fff;
             }
 
             &.el-table__row--striped {
-							td{
-								background-color:#fff;
+              td {
+                background-color: #fff;
               }
             }
             &.el-table__row--striped:hover {
-							background-color:#fff;
+              background-color: #fff;
             }
           }
         }

src/assets/css/main.scss

 // @import "./_reset.scss";
+// @import "./element-variables.scss";
 @import "./_style.scss";
 @import "./_icon.scss";
 @import "./_mixin.scss";