[修改]左侧菜单鼠标移入颜色修改

src/app/app-routing.module.ts

@@ -7,22 +7,24 @@ import { LockscreenComponent } from './pages/lockscreen/lockscreen.component';
 //路由守卫
 import {AuthGuard} from './auth.guard'
 import { CreateTestScoreComponent } from './examiner/create-test-score/create-test-score.component';
+import { ExaminerIndexComponent } from './examiner/examiner-index/examiner-index.component'
 
 
 
 const routes: Routes = [
   {path:'',redirectTo:'login',pathMatch:'full'},
   {
-    path:'home',
+    path:'examiner',
     component:NavigationComponent,
     canActivate: [AuthGuard],//守卫验证
     children:[
-      {path:'',loadChildren:() => import('./ui/ui.module').then(m => m.UiModule)}
+      {path:'',loadChildren:() => import('./examiner/examiner.module').then(m => m.ExaminerModule)}
     ]
   },
   { path:'adminLogin', component:LoginComponent}, //管理员登录路由
   { path:'login', component:LockscreenComponent}, //教员学员登录路由
   { path:'examiner/create-test-score', component:CreateTestScoreComponent}, //创建试卷具体分数页面
+  
 
 ];
 

src/app/navigation/navigation.component.html

@@ -4,7 +4,7 @@
  * @Author: sueRimn
  * @Date: 2020-12-10 10:21:40
  * @LastEditors: sueRimn
- * @LastEditTime: 2020-12-11 10:01:35
+ * @LastEditTime: 2020-12-11 10:26:25
 -->
 
 <mat-sidenav-container class="example-container" autosize [class.myapp-dark-theme]="darktheme">
@@ -24,9 +24,9 @@
         </div>
         <div class="navbox">
             <ul class="teacher">
-                <li   [routerLink]="['/home/createexam']" routerLinkActive="router-link-active" ><div  (click)="clickLeftmenu('found')" [ngClass]="{'clickStyle': leftMenuname=='found'}"><img src="../../assets/images/found.png" style="background-color: #FFFFFF;"> 创建考试</div></li>
+                <li   [routerLink]="['createexam-index']" routerLinkActive="router-link-active" ><div  (click)="clickLeftmenu('found')" [ngClass]="{'clickStyle': leftMenuname=='found'}"><img src="../../assets/images/found.png" style="background-color: #FFFFFF;"> 创建考试</div></li>
-                <li   [routerLink]="['/home/looktest']" routerLinkActive="router-link-active" ><div (click)="clickLeftmenu('papers')" [ngClass]="{'clickStyle': leftMenuname=='papers'}"><img src="../../assets/images/papers.png" style="position: relative;right: 20px;background-color: #07CDCF;"> 阅卷</div></li>
+                <li  [routerLink]="['createexam-index']"  routerLinkActive="router-link-active" ><div (click)="clickLeftmenu('papers')" [ngClass]="{'clickStyle': leftMenuname=='papers'}"><img src="../../assets/images/papers.png" style="position: relative;right: 20px;background-color: #07CDCF;"> 阅卷</div></li>
-                <li   [routerLink]="['/home/statisticAnalysis']" routerLinkActive="router-link-active" ><div (click)="clickLeftmenu('Statistics')" [ngClass]="{'clickStyle': leftMenuname=='Statistics'}"><img src="../../assets/images/Statistics.png" style="background-color: #07CDCF;"> 统计分析</div></li>
+                <li  [routerLink]="['createexam-index']"  routerLinkActive="router-link-active" ><div (click)="clickLeftmenu('Statistics')" [ngClass]="{'clickStyle': leftMenuname=='Statistics'}"><img src="../../assets/images/Statistics.png" style="background-color: #07CDCF;"> 统计分析</div></li>
             </ul>
             <img style="width: 191px;height: 113px; position: absolute; bottom: 0;" src="../../assets/images/backbottom.png">
         </div>

src/app/navigation/navigation.component.scss

@@ -91,9 +91,9 @@ mat-sidenav{
         bottom: 0px;
         overflow-y: scroll;
         font-size: 15px;
-        .router-link-active{
+        /* .router-link-active{
             background-color: #FFFFFF;
-        }
+        } */
         ul{
             li{
                 width: 198px;
@@ -107,6 +107,10 @@ mat-sidenav{
                 outline:none;
                 
             }
+            li:hover{
+                background-color: #FFFFFF;
+                color: #07CDCF;
+            }
             img{
                 position: relative;
                 top: 2px;
@@ -190,7 +194,7 @@ mat-sidenav{
     }
 
 .example-container  .router-link-active {
-    background-color: rgba(225,225,225,.5);
+    //background-color: rgba(225,225,225,.5);
     border-radius: 8px ;
 }
 .btn{

src/app/navigation/navigation.component.ts

@@ -23,7 +23,7 @@ export class NavigationComponent implements OnInit {
   selectedDataBank:any //当前选中的资料库
   hoverDataBank:any //当前鼠标移入的资料库
   isOneClick:boolean //是否第一次进入网页
-  leftMenuname=""
+  leftMenuname="found"
 
   //左侧菜单点击事件
   clickLeftmenu(name){