Ionic 如何在幻灯片底部放置按钮-离子

mlmc2os5  于 2022-12-09  发布在  Ionic
关注(0)|答案(1)|浏览(134)

我有以下图片幻灯片:

<ion-slides style="margin-top: 30px; margin-bottom: 30px" pager="true" [options]="slideOpts">
    <ion-slide *ngFor="let image of imageURLs">
      <div (click)="openZoomedImage(image.fullURL)">
        <img [src]="image.fullURL" alt=”slide-1”/>
      </div>
      <ion-button size="small" color="danger"  (click)="deleteImage(image.imageName)">Delete</ion-button>
    </ion-slide>
  </ion-slides>

然而,我想知道我如何才能使删除按钮,为每个图像在幻灯片的底部?
谢谢您

ecfdbz9o

ecfdbz9o1#

将其 Package 在div中并使用css。

.selector{
   position: absolute;
   bottom: 0;
   right: 10px;
}

这个css会把你的按钮发送到右下角。
查看此stackblitz以获得演示:
Ion Slides Demo

相关问题