From d840cde757c96d7f85d4a666ccdfa8d84847bb77 Mon Sep 17 00:00:00 2001
From: myh <yunhao.meng@outlook.com>
Date: Fri, 8 Dec 2023 16:42:19 +0800
Subject: [PATCH] top-bar.component implement

---
 src/app/app.component.html             | 9 ++++++++-
 src/app/app.component.ts               | 4 +++-
 src/app/app.config.ts                  | 3 ++-
 src/app/app.routes.ts                  | 3 +--
 src/app/top-bar/top-bar.component.html | 2 +-
 5 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 1034c31..bb8429c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,10 @@
-<div></div>
+<div>
+    <app-top-bar></app-top-bar>
+</div>
+
+<div>
+    <app-img-show></app-img-show>
+</div>
+
 
 <router-outlet></router-outlet>
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 871152b..fd6a850 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,11 +1,13 @@
 import {Component} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {RouterOutlet} from '@angular/router';
+import {TopBarComponent} from "./top-bar/top-bar.component";
+import {ImgShowComponent} from "./img-show/img-show.component";
 
 @Component({
     selector: 'app-root',
     standalone: true,
-    imports: [CommonModule, RouterOutlet],
+    imports: [CommonModule, RouterOutlet, TopBarComponent, ImgShowComponent],
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'
 })
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index 03860b9..dc798de 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -2,7 +2,8 @@ import {ApplicationConfig} from '@angular/core';
 import {provideRouter} from '@angular/router';
 
 import {routes} from './app.routes';
+import { provideAnimations } from '@angular/platform-browser/animations';
 
 export const appConfig: ApplicationConfig = {
-    providers: [provideRouter(routes)]
+    providers: [provideRouter(routes), provideAnimations()]
 };
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index b647dc2..f103201 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,6 +1,5 @@
 import {Routes} from '@angular/router';
-import {TopBarComponent} from "./top-bar/top-bar.component";
 
 export const routes: Routes = [
-    {path: '', component: TopBarComponent},
+
 ];
diff --git a/src/app/top-bar/top-bar.component.html b/src/app/top-bar/top-bar.component.html
index 436d4ed..3d7a707 100644
--- a/src/app/top-bar/top-bar.component.html
+++ b/src/app/top-bar/top-bar.component.html
@@ -1,5 +1,5 @@
 <div class="w-full h-fit">
-    <img src="/assets/img/bg-top-combine.png" class="w-full" alt="top-blank-logo" height="264" width="1200"/>
+    <img ngSrc="/assets/img/bg-top-combine.png" class="w-full" alt="top-blank-logo" height="264" width="1200"/>
 </div>
 
 <div class="flex bg-blue-600 text-white flex-row font-bold justify-around text-center items-center h-16 text-lg leading-16 overflow-hidden">