From a598f36371f7ae6dc319cd4f1c90773574e57314 Mon Sep 17 00:00:00 2001
From: myh <95896306+Anchor-x@users.noreply.github.com>
Date: Fri, 8 Dec 2023 19:13:46 +0800
Subject: [PATCH] body.component implement

---
 src/app/app.component.html       |  4 ++++
 src/app/app.component.ts         | 10 +++++++++-
 src/app/body/body.component.html | 22 +++++++++++-----------
 src/app/body/body.component.ts   | 16 ++++++++++++++++
 4 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3a17121..b88092a 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -6,6 +6,10 @@
     <ngbd-carousel-pause></ngbd-carousel-pause>
 </div>
 
+<div>
+    <app-body></app-body>
+</div>
+
 <div>
     <app-foot></app-foot>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 53b5978..d5daf35 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -4,11 +4,19 @@ import {RouterOutlet} from '@angular/router';
 import {TopBarComponent} from "./top-bar/top-bar.component";
 import {NgbdCarouselPause} from "./carousel-pause/carousel-pause.component";
 import {FootComponent} from "./foot/foot.component";
+import {BodyComponent} from "./body/body.component";
 
 @Component({
     selector: 'app-root',
     standalone: true,
-    imports: [CommonModule, RouterOutlet, TopBarComponent, NgbdCarouselPause, FootComponent],
+    imports: [
+        CommonModule,
+        RouterOutlet,
+        TopBarComponent,
+        NgbdCarouselPause,
+        FootComponent,
+        BodyComponent
+    ],
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'
 })
diff --git a/src/app/body/body.component.html b/src/app/body/body.component.html
index 3643290..9a791b1 100644
--- a/src/app/body/body.component.html
+++ b/src/app/body/body.component.html
@@ -51,7 +51,7 @@
                         我渐渐的有些困，我问他这东西要搞多久
                     </div>
                     <div class="w-1/3 border-2">
-                        <img class="h-16 w-32" src="../assets/img/picture.png" alt=""/>
+                        <img class="h-16 w-32" ngSrc="/assets/img/picture.png" alt="" height="601" width="900"/>
                     </div>
                 </div>
                 
@@ -60,7 +60,7 @@
                         他说要几个小时
                     </div>
                     <div class="w-1/3 border-2">
-                        <img class="h-16 w-32" src="../assets/img/picture.png" alt=""/>
+                        <img class="h-16 w-32" ngSrc="/assets/img/picture.png" alt="" height="601" width="900"/>
                     </div>
                 </div>
                 
@@ -69,7 +69,7 @@
                         我给他倒了杯茶，就一个人去隔壁睡觉了
                     </div>
                     <div class="w-1/3 border-2">
-                        <img class="h-16 w-32" src="../assets/img/picture.png" alt=""/>
+                        <img class="h-16 w-32" ngSrc="/assets/img/picture.png" alt="" height="601" width="900"/>
                     </div>
                 </div>
             </div>
@@ -103,13 +103,13 @@
 
 <div class="w-fit flex flex-wrap m-4 border-2 justify-around rounded-lg shadow-lg bg-gradient-to-r from-cyan-300 to to-violet-300">
     <ul class="li-img clearfix">
-        <li><img src="../assets/img/anyuse2.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse3.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse4.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse5.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse6.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse7.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse8.png" alt=""/></li>
-        <li><img src="../assets/img/anyuse9.png" alt=""/></li>
+        <li><img ngSrc="/assets/img/anyuse2.png" alt="" height="720" width="1280"/></li>
+        <li><img ngSrc="/assets/img/anyuse3.png" alt="" height="800" width="1280"/></li>
+        <li><img ngSrc="/assets/img/anyuse4.png" alt="" height="678" width="1280"/></li>
+        <li><img ngSrc="/assets/img/anyuse5.png" alt="" height="960" width="1280"/></li>
+        <li><img ngSrc="/assets/img/anyuse6.png" alt="" height="1080" width="1920"/></li>
+        <li><img ngSrc="/assets/img/anyuse7.png" alt="" height="1080" width="1920"/></li>
+        <li><img ngSrc="/assets/img/anyuse8.png" alt="" height="1080" width="1920"/></li>
+        <li><img ngSrc="/assets/img/anyuse9.png" alt="" height="1080" width="1920"/></li>
     </ul>
 </div>
\ No newline at end of file
diff --git a/src/app/body/body.component.ts b/src/app/body/body.component.ts
index e69de29..2cdc516 100644
--- a/src/app/body/body.component.ts
+++ b/src/app/body/body.component.ts
@@ -0,0 +1,16 @@
+import {Component} from "@angular/core";
+import {NgOptimizedImage} from "@angular/common";
+
+@Component({
+    standalone: true,
+    selector: 'app-body',
+    templateUrl: './body.component.html',
+    styleUrls: ['./body.component.scss'],
+    imports: [
+        NgOptimizedImage
+    ]
+})
+
+export class BodyComponent {
+
+}
\ No newline at end of file