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

图片轮播响应式

Browse Source
This commit is contained in:
myh 2024-01-04 01:18:40 +08:00
parent bac7d19682
commit 312e815d64
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/carousel-pause/carousel-pause.component.html
View File

@ -1,14 +1,14 @@
<ngb-carousel <ngb-carousel
#carousel #carousel
[interval]="1000" [interval]="1000"
[pauseOnHover]="pauseOnHover" [pauseOnHover]="pauseOnHover"
[pauseOnFocus]="pauseOnFocus" [pauseOnFocus]="pauseOnFocus"
(slide)="onSlide($event)" (slide)="onSlide($event)"
> >
@for (img of images; track img; let i = $index) { @for (img of images; track img; let i = $index) {
<ng-template ngbSlide> <ng-template ngbSlide>
<div class="carousel-caption"> <div class="carousel-caption">
<h3>My slide {{ i + 1 }} title</h3> <!-- <h3>My slide {{ i + 1 }} title</h3>-->
</div> </div>
<a href="https://www.google.fr/?q=Number+{{ i + 1 }}" target="_blank" rel="nofollow noopener noreferrer"> <a href="https://www.google.fr/?q=Number+{{ i + 1 }}" target="_blank" rel="nofollow noopener noreferrer">
<div class="picsum-img-wrapper"> <div class="picsum-img-wrapper">