[Update] 适应大小

src/app/elements/term/term.component.ts

@@ -57,10 +57,10 @@ export class ElementTermComponent implements OnInit, AfterViewInit {
     const elementPaddingHor = elementPadding.right + elementPadding.left;
     const availableHeight = activeEle.height() - elementPaddingVer;
     const availableWidth = activeEle.width() - elementPaddingHor - (<any>this.term).viewport.scrollBarWidth;
-    const geometry = (
-      Math.floor(availableWidth / (<any>this.term).renderer.dimensions.actualCellWidth),
-      Math.floor(availableHeight / (<any>this.term).renderer.dimensions.actualCellHeight)
-    );
+    const geometry = [
+      Math.floor(availableWidth / (<any>this.term).renderer.dimensions.actualCellWidth) - 1,
+      Math.floor(availableHeight / (<any>this.term).renderer.dimensions.actualCellHeight) - 1
+    ];
     return geometry;
 
     // const cols = Math.floor((activeEle.width() - 15) / markerEle.width() * 6) - 1;
@@ -69,14 +69,15 @@ export class ElementTermComponent implements OnInit, AfterViewInit {
   }
 
   resizeTerm() {
-    // fit(this.term);
     const size = this.getWinSize();
+    console.log('get SIze', size);
     if (isNaN(size[0]) || isNaN(size[1])) {
       fit(this.term);
     } else {
+      (<any>this.term).renderer.clear();
       this.term.resize(size[0], size[1]);
-      this.winSizeChangeTrigger.emit([this.term.cols, this.term.rows]);
     }
+    this.winSizeChangeTrigger.emit([this.term.cols, this.term.rows]);
     this._cookie.set('cols', this.term.cols.toString(), 0, '/', document.domain);
     this._cookie.set('rows', this.term.rows.toString(), 0, '/', document.domain);
   }

src/styles.css

@@ -76,16 +76,18 @@ app-root {
 
 body ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
-  background-color: #676a6c;
+  background-color: #272323;
+  border-radius: 6px;
 }
 
 body ::-webkit-scrollbar {
   width: 8px;
-  height: 8px;
+  height:8px;
 }
 
 body ::-webkit-scrollbar-thumb {
-  background-color: #F5F5F5;
+  background-color: #494141;
+  border-radius: 6px;
 }
 
 .ztree * {