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

mlmc2os5 于 2022-12-09 发布在 Ionic

关注(0)|答案(1)|浏览(135)

我有以下图片幻灯片：

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

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

ionic-framework

来源：https://stackoverflow.com/questions/72481078/how-to-position-a-button-at-the-bottom-of-a-slide-ionic

1条答案

按热度按时间

ecfdbz9o1#

将其 Package 在div中并使用css。

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

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

赞(0）回复(0）举报 2022-12-09

我来回答

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

1条答案

相关问题

热门标签

最新问答