feat: update

src/app/ControlPage/control/controlnav/controlnav.component.css

@@ -97,3 +97,12 @@
 .tabs::-webkit-scrollbar-thumb {
   background-color: #19aa8d;
 }
+
+.scroll-botton {
+  font-size: 20px;
+  float: left;
+  height: 30px;
+  overflow: hidden;
+  background-color: #3a3333;
+  color: white
+}

src/app/ControlPage/control/controlnav/controlnav.component.html

+<div class="scroll-botton">
+  &nbsp; <a class="left" (click)="scrollleft()"><i class="fa fa-caret-left"></i></a>
+  &nbsp;
+  <a class="right" (click)="scrollright()"><i class="fa fa-caret-right"></i></a>
+  &nbsp;
+</div>
 <div class="tabs">
   <ul [ngStyle]="{'width':150*NavList.List.length+'px'}">
     <li *ngFor="let m of NavList.List;let i = index"

src/app/ControlPage/control/controlnav/controlnav.component.ts

@@ -11,7 +11,6 @@ import {Component, OnInit} from '@angular/core';
 import {ControlComponent, NavList} from '../control.component';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 
-
 @Component({
   selector: 'app-controlnav',
   templateUrl: './controlnav.component.html',
@@ -64,5 +63,12 @@ export class ControlnavComponent implements OnInit {
     ControlnavComponent.checkActive(index);
   }
 
+  scrollleft() {
+    jQuery('.tabs').scrollLeft(jQuery('.tabs').scrollLeft() - 100);
+  }
+
+  scrollright() {
+    jQuery('.tabs').scrollLeft(jQuery('.tabs').scrollLeft() + 100);
+  }
 
 }

src/app/app.module.ts

@@ -53,6 +53,7 @@ import {WindowsComponent} from './monitor-page/windows/windows.component';
 import {BrowserXhr} from '@angular/http';
 import {NgProgressModule, NgProgressBrowserXhr} from 'ngx-progressbar';
 import {TestPageComponent} from './test-page/test-page.component';
+import {HttpClient, HttpHandler} from '@angular/common/http';
 // import {NgxLayerModule} from 'ngx-layer';
 
 @NgModule({
@@ -103,6 +104,8 @@ import {TestPageComponent} from './test-page/test-page.component';
     HttpService,
     LayerService,
     NGXLogger,
+    HttpClient,
+    HttpHandler
   ]
 })
 export class AppModule {