"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent",
"backgroundColor": "rgba(0,0,0,0)",
"popGesture": "none"
}
}
3***@qq.com
- 发布：2020-07-27 09:25
- 更新：2020-09-18 10:10
- 阅读：998
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.13.6
HBuilderX类型： 正式
HBuilderX版本号： 2.8.2
手机系统： Android
手机系统版本号： Android 10
手机厂商： vivo
手机机型： iqooneo 855
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent",
"backgroundColor": "rgba(0,0,0,0)",
"popGesture": "none"
}
}
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent",
"backgroundColor": "rgba(0,0,0,0)",
"popGesture": "none"
}
}实际结果：
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent",
"backgroundColor": "rgba(0,0,0,0)",
"popGesture": "none"
}
}
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent",
"backgroundColor": "rgba(0,0,0,0)",
"popGesture": "none"
}
}bug描述：
因为uniapp 弹窗没办法覆盖全面（tabbar页面） 因为把页面变成透明再用navigateTo 去跳转页面也会呈现弹窗效果 现在更新完之后出现情况看截图
3***@qq.com (作者) - 前端开发
页面内css代码
.box{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
/ justify-content: center;
align-items: center; /
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
}
.popup{
background: #FFFFFF;
width: 600upx;
height: 620upx;
border-radius: 20upx;
margin: auto;
font-size: 28upx;
}
d***@outlook.com
兄弟，有解决方法了哈。你在要透明的页面加一个css属性，page {
background-color: rgba(0, 0, 0, 0);
}
2020-07-30 15:18
3***@qq.com (作者)
回复 d***@outlook.com: 还没试 暂时不打算更新编译器 这几天更新项目不想出什么问题 等更完试试你的方法
2020-07-30 16:23
3***@qq.com (作者)
回复 d***@outlook.com: 兄弟能发一份代码或者示例看看吗
2020-08-06 17:53
3***@qq.com (作者)
回复 d***@outlook.com: 嗯可以了 暂时可以这么解决谢谢
2020-08-06 18:05
d***@outlook.com
回复 3***@qq.com: 好的
2020-08-07 10:09