我有以下圖片幻燈片:
<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>
但是我想知道如何為幻燈片底部的每個影像制作洗掉按鈕?
謝謝你
uj5u.com熱心網友回復:
將其包裝在 div 中并使用 css。
.selector{
position: absolute;
bottom: 0;
right: 10px;
}
這個 CSS 會將您的按鈕發送到右下角。
檢查此 stackblitz 以進行演示:
離子玻片演示
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/487824.html
標籤:离子框架
上一篇:來自父母的角度組件自定義樣式
