nav css icon

src/App.vue

@@ -32,6 +32,30 @@ console.log = (function (oldLogFunc) {
   margin-top: 60px;
 }
 
+
+ 
+/* 表格样式 */
+.el-table{font-size: 12px;color:#333;}
+  .el-table--border:after, .el-table--group:after, .el-table:before { background-color: #d1d9e9!important; }
+  .el-table--border, .el-table--group { border-color: #d1d9e9!important; }
+  .el-table--border th, .el-table--border th.gutter:last-of-type { border-bottom: 1px solid #d1d9e9!important; }
+  .el-table--border td, .el-table--border th { border-right: 1px solid #d1d9e9!important; }
+  .el-table td, .el-table th.is-leaf { border-bottom: 1px solid #d1d9e9!important; }
+  .el-table td,.building-top .el-table th.is-leaf { border-bottom:  1px solid #d1d9e9!important; }
+  .fixed-width{border-bottom: #d1d9e9!important ;}
+  .el-table__fixed-right{height: 100%!important;border-bottom:  1px solid #d1d9e9!important;}
+  .el-table__fixed{height: 100%!important;border-bottom:  1px solid #d1d9e9!important;}
+  .el-table__footer{border-top:  1px solid #d1d9e9!important;}
+
+  .has-gutter tr th{background-color: #e9eef9!important;color:#333; }
+  .el-table tr th.is-leaf{background-color: #e9eef9!important;color:#333}
+  .el-table__fixed-right-patch{background-color: #e9eef9!important;color:#333}
+  .el-table .cell{line-height: 18px!important;}
+
+
+.box-card{padding:10px 20px}
+
+
 .g-txt-l{text-align: left ;}
 
 

src/views/Home.vue

@@ -63,9 +63,9 @@
           <!-- 路由占位符 -->
           <router-view></router-view>
         </el-main>
-       <el-footer>
+       <!-- <el-footer>
         
-       </el-footer> 
+       </el-footer>  -->
       </el-container>
 
 
@@ -273,7 +273,7 @@ export default {
 
 .nav-icon{display:inline-block;height: 30px;width: 30px; background:  url("../assets/images/nlogin-bg1.jpg") no-repeat; }
 
-.home-container{height:100%}
+.home-container{height:100%;background-color:#f3f5fa;}
 /* el-header一个类名就是一个样式，可以直接赋样式 */
 .el-header{background-color:#3e76cd;display:flex;justify-content:space-between;padding-left:0;align-items: center;color:#fff;font-size:20px;} 
 .el-header div{display:flex;align-items:center;}
@@ -282,13 +282,13 @@ export default {
 .el-aside{background-color:#fff;} 
 .el-aside .el-menu{border-right: none;text-align: left}
 
-.el-main{background-color:#f3f5fa;  height:80vh;padding:0px} 
+.el-main{background-color:#f3f5fa;  height:90vh;padding:0px} 
 
 .iconfont{margin-right:10px}
 
-.toggle-button1{display:inline-block;height: 30px;width: 30px; background:  url("../assets/toggle1.png") no-repeat;cursor:pointer;position:absolute;top:0;left:64px;z-index:9999}
+.toggle-button1{display:inline-block;height: 52px;width: 40px; background:  url("../assets/toggle1.png") no-repeat;cursor:pointer;position:absolute;top:0;left:64px;z-index:9999;background-size:40px 52px}
 
-.toggle-button2{display:inline-block;height: 30px;width: 30px; background:  url("../assets/toggle2.png") no-repeat;cursor:pointer;position:absolute;top:0;left:200px;z-index:9999}
+.toggle-button2{display:inline-block;height: 52px;width: 40px; background:  url("../assets/toggle2.png") no-repeat;cursor:pointer;position:absolute;top:0;left:200px;z-index:9999;background-size:40px 52px}
 
 .left-logo{display:inline-block;height: 39px;width: 330px; background:  url("../assets/left-logo.png") no-repeat; }
 .center-logo{display:inline-block;height: 39px;width: 330px; background:  url("../assets/center-logo.png") no-repeat; }