![x***@163.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/d0c10102b32ce3b1b0a7b82bf195b9dc.png)
- 发布:2022-12-22 18:07
- 更新:2022-12-22 18:07
- 阅读:235
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows10
HBuilderX类型: Alpha
HBuilderX版本号: 3.6.14
手机系统: 全部
手机厂商: 苹果
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
{
"path" : "pulllive/pulllive",
"style": {
"navigationStyle": "custom",
"app-plus": {
// "background": "transparent",
"subNVues":[{
"id": "nav", // 唯一标识
"path": "pulllive/subNVue/nav", // 页面路径
"style": {
"height": "200rpx",
"width": "100%",
"background": "transparent"
}
},{
"id": "chatGift", // 唯一标识
"path": "pulllive/subNVue/chatGift", // 页面路径
"style": {
"position": "dock",
"dock": "bottom",
"height": "750rpx",
"width": "100%",
"background": "transparent"
}
}]
}
}
}
{
"path" : "pulllive/pulllive",
"style": {
"navigationStyle": "custom",
"app-plus": {
// "background": "transparent",
"subNVues":[{
"id": "nav", // 唯一标识
"path": "pulllive/subNVue/nav", // 页面路径
"style": {
"height": "200rpx",
"width": "100%",
"background": "transparent"
}
},{
"id": "chatGift", // 唯一标识
"path": "pulllive/subNVue/chatGift", // 页面路径
"style": {
"position": "dock",
"dock": "bottom",
"height": "750rpx",
"width": "100%",
"background": "transparent"
}
}]
}
}
}
操作步骤:
{
"path" : "pulllive/pulllive",
"style": {
"navigationStyle": "custom",
"app-plus": {
// "background": "transparent",
"subNVues":[{
"id": "nav", // 唯一标识
"path": "pulllive/subNVue/nav", // 页面路径
"style": {
"height": "200rpx",
"width": "100%",
"background": "transparent"
}
},{
"id": "chatGift", // 唯一标识
"path": "pulllive/subNVue/chatGift", // 页面路径
"style": {
"position": "dock",
"dock": "bottom",
"height": "750rpx",
"width": "100%",
"background": "transparent"
}
}]
}
}
}
{
"path" : "pulllive/pulllive",
"style": {
"navigationStyle": "custom",
"app-plus": {
// "background": "transparent",
"subNVues":[{
"id": "nav", // 唯一标识
"path": "pulllive/subNVue/nav", // 页面路径
"style": {
"height": "200rpx",
"width": "100%",
"background": "transparent"
}
},{
"id": "chatGift", // 唯一标识
"path": "pulllive/subNVue/chatGift", // 页面路径
"style": {
"position": "dock",
"dock": "bottom",
"height": "750rpx",
"width": "100%",
"background": "transparent"
}
}]
}
}
}
预期结果:
原生子窗体背景透明
原生子窗体背景透明
实际结果:
原生子窗体背景透明设置失效
原生子窗体背景透明设置失效
bug描述:
subNVue原生子窗体在pages,json中设置style为"position": "dock","dock": "bottom"的情况下,背景色透明失效,还是默认白色,ios和安卓端都是的
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20221222/8210b409f43eb83d64156725bcd4ade8.jpg)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20221222/e57585b20d75c23eb814abc6072c40dd.jpg)