背景设为透明时,引发的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

退出页面的时候,我的摄像头是关了的,不管的话上一级页面的背景就是摄像的状态了,但是我现在关了摄像头之后,本来我的背景是白色的,现在变成灰色的了,我估计是因为设置背景透明的样式影响到父页面了

1
0

快速上手Ionic3多平台开发企业级问答社区

新手可学,独立开发跨iOS/Android/微信平台项目

613 学习 · 750 问题

查看课程