同一项目，同一个页面，在不同的手机上显示，有的手机底部会有块白色的区域，怎么去掉，或设置背景色为透明。
已尝试过的方式都无法修改该区域的背景；
1、pages.json 中设置，没有效果
"app-plus": {
"background": "#201d48",
"backgroundDark": "#201d48",
"safearea": {
"bottom": {
"offset": "none"
}
}
}
2、在页面中设置page背景，
<style>
page {
background-color: red;
}
</style>
3、设置页面页面标签样式为100vh，也没有撑满整个屏幕。
z***@qq.com
- 发布：2025-08-22 15:03
- 更新：2025-08-27 17:35
- 阅读：72
z***@qq.com (作者)
在网上找到一个方法，设置虚拟切盘的背景颜色：
// app.vue 中
onShow() {
/* #ifndef APP-ANDROID */
let color = plus.android.newObject('android.graphics.Color');
let ac = plus.android.runtimeMainActivity();
let c2int = plus.android.invoke(color, 'parseColor', '#767676'); // 这里设置想要的背景色
let win = plus.android.invoke(ac, 'getWindow');
plus.android.invoke(win, 'setNavigationBarColor', c2int);
plus.android.invoke(win, 'setTabBarStyle', c2int);
console.log('color', color)
/* #endif */
}