Anchor-x/AngularDemo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

body.component implement

Browse Source
This commit is contained in:
myh 2023-12-08 19:13:46 +08:00
parent 3ea3fa8ea7
commit a598f36371
4 changed files with 40 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.component.html
View File

@ -6,6 +6,10 @@
<ngbd-carousel-pause></ngbd-carousel-pause>
</div>
<div>
<app-body></app-body>
</div>
<div>
<app-foot></app-foot>
</div>

10
src/app/app.component.ts
View File

@ -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'
})

22
src/app/body/body.component.html
View File

@ -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>

16
src/app/body/body.component.ts
View File

@ -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 {
}