如何在離子2中創建疊加頁面？

Question

如何在進入新頁面時創建透明導向疊加頁面

如何在離子2中實現？

Answer 1

你可以只在<ion-content>之外創建的div：

<div class="my-overlay" padding [hidden]="overlayHidden"> 
    <button full (click)="hideOverlay()">Click me</button> 
</div> 

與CSS：

.my-overlay { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.7); 
    z-index: 20; 
    top: 0; 
    left: 0; 
} 

在類聲明（構造函數之前）地址：

overlayHidden: boolean = false; 

和（構造函數之後）：

public hideOverlay() { 
    this.overlayHidden = true; 
}