背景设为透明时,引发的bug
来源:17-2 二维码扫描功能实现
cds1998
2019-02-23
请问我在做二维码扫描功能时,扫描后返回上一级页面时,整个app的背景就全部是黑色的了,我知道这是在全局设置了背景透明的效果,因为在ts里面加了window.document.querySelector(‘body’).classList.add(‘transparent-body’);,transparent-body类和老师一样写在app.scss里面,但我的需求是只在扫描二维码的页面设置背景透明,我在scan页面的scss里写了样式,和老师一样,但是如果我把设置背景透明的样式写在page-scan那个标签里面,根本就不起作用,写在page-scan标签外面的话,上一级页面的背景同样会改变。请问我怎样才能让只有scan页面的背景透明其他的不变。老师的写法,我有一个地方也有疑惑,就是将
html,
body,
ion-app,
ion-content,
ion-page,
.nav-decor {
background-color: transparent !important;
}
写在page-scan{}里面,按scss的语法来说不就是等于html的标签是page-scan标签的子元素了,可是html是在page-scan外面啊,这个我不是很明白
写回答
1回答
-
cds1998
提问者
2019-02-23
退出页面的时候,我的摄像头是关了的,不管的话上一级页面的背景就是摄像的状态了,但是我现在关了摄像头之后,本来我的背景是白色的,现在变成灰色的了,我估计是因为设置背景透明的样式影响到父页面了
10
相似问题