From d4bc8de62660f7178e0d18833f653b3d06583367 Mon Sep 17 00:00:00 2001
From: xjh22222228 <xjh22222228@gmail.com>
Date: Sun, 21 Mar 2021 15:47:13 +0800
Subject: [PATCH] fix: side marginTop

---
 src/view/index/side/index.component.scss |  1 +
 src/view/index/side/index.component.ts   | 10 ++++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/view/index/side/index.component.scss b/src/view/index/side/index.component.scss
index 8b1bad6..05cf23c 100644
--- a/src/view/index/side/index.component.scss
+++ b/src/view/index/side/index.component.scss
@@ -32,6 +32,7 @@ $sideWidth: 200px;
 
   .box {
     flex: 1;
+    transition: .1s linear;
   }
 }
 
diff --git a/src/view/index/side/index.component.ts b/src/view/index/side/index.component.ts
index 742a290..74e2dca 100644
--- a/src/view/index/side/index.component.ts
+++ b/src/view/index/side/index.component.ts
@@ -32,7 +32,7 @@ export default class HomeComponent {
   openIndex = queryString().page
   contentEl: HTMLElement
   searchEngineList = searchEngineList
-  marginTop: number = 50
+  marginTop: number = 60
 
   constructor (private router: Router, private activatedRoute: ActivatedRoute) {}
 
@@ -64,11 +64,13 @@ export default class HomeComponent {
     })
   }
 
-  ngAfterViewInit() {
+  ngAfterContentInit() {
     window.addEventListener('scroll', this.scroll)
 
-    const headerEl = document.querySelector('.search-header')
-    this.marginTop = headerEl.clientHeight
+    setTimeout(() => {
+      const headerEl = document.querySelector('.search-header')
+      this.marginTop = headerEl.clientHeight
+    }, 26)
   }
 
   ngOnDestroy() {
-- 
GitLab