1、初步完成学员列表

src/components/Header.vue

@@ -155,6 +155,7 @@
     cursor: pointer;
     cursor: pointer;
     .ant-btn {
     .ant-btn {
       border: none;
       border: none;
+      box-shadow: none;
       & > * {
       & > * {
         display: inline-block;
         display: inline-block;
         vertical-align: middle;
         vertical-align: middle;

src/components/LeftNav.vue

@@ -87,6 +87,7 @@ export default {
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
+@import url('../css/common.less');
 @import url('../css/iconfont/iconfont.css');
 @import url('../css/iconfont/iconfont.css');
 .left-nav-wrap {
 .left-nav-wrap {
     width: 100%;
     width: 100%;
@@ -131,7 +132,7 @@ export default {
             background: #D2D2D2 100%;
             background: #D2D2D2 100%;
         }
         }
         ::v-deep .ant-menu-sub{
         ::v-deep .ant-menu-sub{
-          background: #E3E3E3 100%;;
+          background: @e3-color;
         }
         }
         ::v-deep .ant-menu-submenu-selected {
         ::v-deep .ant-menu-submenu-selected {
             .ant-menu-submenu-title {
             .ant-menu-submenu-title {
@@ -143,7 +144,7 @@ export default {
             height: 54px;
             height: 54px;
             line-height: 54px;
             line-height: 54px;
             font-size: 16px;
             font-size: 16px;
-            background: #E3E3E3 100%;
+            background: @e3-color;
             &::after {
             &::after {
                 content: "";
                 content: "";
                 width: 100%;
                 width: 100%;

src/css/common.less

 @tree-menu-width: 297px;
 @tree-menu-width: 297px;
 @right-operate: calc(100% - @tree-menu-width);
 @right-operate: calc(100% - @tree-menu-width);
+@e3-color: #E3E3E3 100%;
+@f9-color: #F9F9F9 100%;
 .has-top-nav-page-wrap {
 .has-top-nav-page-wrap {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
@@ -18,3 +20,34 @@
         background: #FFFFFF 100%;
         background: #FFFFFF 100%;
     }
     }
 }
 }
+
+.flex-justify {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    text-align: justify;
+}
+::v-deep .qd-btn {
+    width: 93px;
+    height: 30px;
+    border-radius: 90px;
+    font-size: 14px;
+    text-align: center;
+    font-family: PingFang SC;
+    padding: 0;
+}
+::v-deep .qd-btn-default-w {
+    min-width: 93px;/*no*/
+}
+
+::v-deep .qd-table {
+    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+        background: @f9-color !important;
+    }
+    .ant-table-row {
+      td {
+        padding-top: 10px;
+        padding-bottom: 10px;
+      }
+    }
+  }
\ No newline at end of file

src/main.js

@@ -3,7 +3,7 @@ import App from './App.vue'
 import router from './router'
 import router from './router'
 import store from './store'
 import store from './store'
 import http from './service/http'
 import http from './service/http'
-import { Button, Popover, Menu, Breadcrumb, Input, Tree } from 'ant-design-vue'
+import { Button, Popover, Menu, Breadcrumb, Input, Tree, Table, Space } from 'ant-design-vue'
 import './libs/flexible'
 import './libs/flexible'
 
 
 // console.log(process.env)
 // console.log(process.env)
@@ -26,4 +26,6 @@ app.use(Menu)
 app.use(Breadcrumb)
 app.use(Breadcrumb)
 app.use(Input)
 app.use(Input)
 app.use(Tree)
 app.use(Tree)
+app.use(Table)
+app.use(Space)
 app.use(store).use(router).mount('#app')
 app.use(store).use(router).mount('#app')