- 发布：2020-07-03 14:32
- 更新：2020-07-06 11:49
- 阅读：1214
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.5
HBuilderX类型： Alpha
HBuilderX版本号： 2.8.0
手机系统： 全部
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
pages.json
{
"path": "pages/xxx",
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent", // 无效,其它色值同样无效，一直显示白色背景
"popGesture": "none"
}
}
},
页面onLoad
// #ifdef APP-PLUS
const currentWv = plus.webview.currentWebview();
currentWv.setStyle({
// 设置无效
webviewBGTransparent: true,
})
// #endif
pages.json
{
"path": "pages/xxx",
"style": {
"navigationStyle": "custom",
"app-plus": {
"animationType": "fade-in",
"background": "transparent", // 无效,其它色值同样无效，一直显示白色背景
"popGesture": "none"
}
}
},页面onLoad
// #ifdef APP-PLUS
const currentWv = plus.webview.currentWebview();
currentWv.setStyle({
// 设置无效
webviewBGTransparent: true,
})
// #endif操作步骤：
App端 pages.json设置自定义webview背景色或者透明
App端 pages.json设置自定义webview背景色或者透明
预期结果：
webview自定义背景色有效
view.css里的body的默认背景色是否可以去除？
webview自定义背景色有效
view.css里的body的默认背景色是否可以去除？
实际结果：
App端 pages.json设置自定义webview背景色或者透明都无效
App端 pages.json设置自定义webview背景色或者透明都无效
bug描述：
App端 pages.json设置自定义webview背景色或者透明都无效。
查看github更新记录发现有提交过如下的commit：
fix: App 端 body 默认设为白色
手动删除view.css里的body背景色属性后，自定义webview背景色就可效。
view.css里的body的默认背景色是否可以去除？
chenli (作者)
是的，是参考这个示例的。
2020-07-06 11:53
DCloud_UNI_GSQ
回复 chenli: 示例已经更新，之前示例考虑的也是不太周到
2020-07-06 12:00
chenli (作者)
回复 DCloud_UNI_GSQ: 好的
2020-07-06 13:43
chenli (作者)
回复 DCloud_UNI_GSQ: ios需要如下配置才可以透明：
2020-07-22 16:47
DCloud_UNI_GSQ
回复 chenli: iOS版本多少？vue还是nvue？
2020-07-22 19:44
chenli (作者)
回复 DCloud_UNI_GSQ: vue页面，ios13.3.1,nvue还没测过。
2020-07-23 09:14
chenli (作者)
回复 DCloud_UNI_GSQ: ios是不能全屏透明，是会出现上半被白色的遮挡了。下半屏是可正常透明。
2020-07-23 09:17
DCloud_UNI_GSQ
回复 chenli: 感谢提醒，已经更新插件市场
2020-07-23 17:22