
- 发布:2021-02-23 22:31
- 更新:2021-02-24 11:23
- 阅读:1054
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 3.1.2
HBuilderX类型: 正式
HBuilderX版本号: 3.1.2
手机系统: 全部
手机厂商: 华为
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
{
"path": "pages/components/details/details",
"style": {
"navigationBarTitleText": "商品详情",
"enablePullDownRefresh": false,
"scrollIndicator": "none",
"app-plus": {
"bounce": "none",
"titleNView": {
"type": "transparent"
},
"subNVues": [{
"id": "logistics",
"path": "pages/components/details/subNVues/logistics",
"type": "popup",
"style": {
"width": "100%",
"height": "20%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "good",
"path": "pages/components/details/subNVues/good",
"type": "popup",
"style": {
"width": "100%",
"height": "30%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "tips",
"path": "pages/components/details/subNVues/tips",
"type": "popup",
"style": {
"width": "100%",
"height": "100%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "time",
"path": "pages/components/details/subNVues/time",
"type": "popup",
"style": {
"width": "100%",
"height": "30%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "spec",
"path": "pages/components/details/subNVues/spec",
"type": "popup",
"style": {
"width": "100%",
"height": "100%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "shareshow",
"path": "components/share/subNVues/share",
"type": "popup",
"style": {
"width": "100%",
"height": "25%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
}
]
}
}
},
{
"path": "pages/components/details/details",
"style": {
"navigationBarTitleText": "商品详情",
"enablePullDownRefresh": false,
"scrollIndicator": "none",
"app-plus": {
"bounce": "none",
"titleNView": {
"type": "transparent"
},
"subNVues": [{
"id": "logistics",
"path": "pages/components/details/subNVues/logistics",
"type": "popup",
"style": {
"width": "100%",
"height": "20%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "good",
"path": "pages/components/details/subNVues/good",
"type": "popup",
"style": {
"width": "100%",
"height": "30%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "tips",
"path": "pages/components/details/subNVues/tips",
"type": "popup",
"style": {
"width": "100%",
"height": "100%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "time",
"path": "pages/components/details/subNVues/time",
"type": "popup",
"style": {
"width": "100%",
"height": "30%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "spec",
"path": "pages/components/details/subNVues/spec",
"type": "popup",
"style": {
"width": "100%",
"height": "100%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
},
{
"id": "shareshow",
"path": "components/share/subNVues/share",
"type": "popup",
"style": {
"width": "100%",
"height": "25%",
"bottom": "0",
"background": "transparent",
"mask": "rgba(0,0,0,0.5)"
}
}
]
}
}
},
操作步骤:
具体在附件里面
具体在附件里面
预期结果:
希望跳转多页面可以显示出模态黑窗口
希望跳转多页面可以显示出模态黑窗口
实际结果:
希望跳转多页面可以显示出模态黑窗口
希望跳转多页面可以显示出模态黑窗口
bug描述:
使用subNVues 做弹窗 页面跳转多层级页面就是跳转了多个页面了 subNVues 的模态 黑窗口没有显示出来 具体看我提供的附件 视频

bug已确认,感谢你的反馈!已给你加分。
临时解决方案:1.继续用subNvue在pages.json定义的时候直接定义成透明蒙板,透明背景。然后在subNvue自己自由定义背景色作为蒙板使用。
2.用透明普通页面实现。参考:https://ext.dcloud.net.cn/plugin?id=953
uni插件牛爱花 (作者)
还有一个问题就是 当出现遮罩层无效时 点击uni.getCurrentSubNVue().hide() 页隐藏不子窗体 希望官方解决下
2021-02-24 12:53
uni插件牛爱花 (作者)
下个版本能修复嘛
2021-02-24 13:04
uni插件牛爱花 (作者)
新版还是没有修复
2021-03-05 10:06
uni插件牛爱花 (作者)
问题依然存在
2021-03-05 10:06
DCloud_uniCloud_JSON
回复 uni插件牛爱花: 子窗体是你a窗口的子窗体用于b窗口导致的。如果觉得子窗体不好用直接使用这个插件:https://ext.dcloud.net.cn/plugin?id=953 这个最灵活
2021-03-05 11:20