2017-07-07 77 views
0

我構建了一個簡單的單頁應用程序,它使用Cordova CameraPreview插件在頂部顯示帶有離子組件的Android相機。我遵循的教程使用下面的代碼段來使背景透明,以便您可以看到相機。現在我正在嘗試構建該教程,並且有一個透明的頁面,但其餘頁面不應該是這樣。如何在Ionic 2中將單頁標籤的SCSS設置爲透明?

html, body, ion-app, ion-content, ion-page, .nav-decor { 
    background-color: transparent !important; 
} 

簡單的問題是:如何將做出一個頁面的HTML背景透明,而不是別人?

這可能很簡單,但我是Ionic的新手。

回答

1

在你SCSS頁面(讓我們假設你的頁面名稱是登錄),

page-login{ 
    background: transparent !important; 
} 

這將工作。但是,如果您將某些內容包裹在內,則不會看到任何差異。在這種情況下,您需要給定義透明

.content-md{ 
    background: transparent !imporant; 
} 
相關問題