ionic 2에서 오버레이 페이지를 만드는 방법은 무엇입니까?

Question

새 페이지를 입력 할 때 투명한 가이드 오버레이 페이지를 만드는 방법

어떻게 이온 2로 구현할 수 있습니까?

Answer 1

당신은 방금 <ion-content> 외부 사업부를 만들 수 있습니다 : 클래스 선언에서

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

CSS와

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

(생성자 후)

과 :

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