如何在Ionic 2中将单页标签的SCSS设置为透明?
问题描述:
我构建了一个简单的单页应用程序,它使用Cordova CameraPreview插件在顶部显示带有离子组件的Android相机。我遵循的教程使用下面的代码段来使背景透明,以便您可以看到相机。现在我正在尝试构建该教程,并且有一个透明的页面,但其余页面不应该是这样。如何在Ionic 2中将单页标签的SCSS设置为透明?
html, body, ion-app, ion-content, ion-page, .nav-decor {
background-color: transparent !important;
}
简单的问题是:如何将做出一个页面的HTML背景透明,而不是别人?
这可能很简单,但我是Ionic的新手。
答
在你SCSS页面(让我们假设你的页面名称是登录),
page-login{
background: transparent !important;
}
这将工作。但是,如果您将某些内容包裹在内,则不会看到任何差异。在这种情况下,您需要给定义透明
.content-md{
background: transparent !imporant;
}