图片轮播响应式

This commit is contained in:
myh 2024-01-04 01:18:40 +08:00
parent bac7d19682
commit 312e815d64

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