2256947248@qq.com
2256947248@qq.com
  • 发布:2021-02-23 22:31
  • 更新:2021-02-24 11:23
  • 阅读:58

使用subNVues 做弹窗 页面跳转多层级页面就是跳转了多个页面了 subNVues 的模态 黑窗口没有显示出来 具体看我提供的附件 视频

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 3.1.2

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

手机系统: 全部

手机厂商: 华为

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

全部 ios 和全部安卓

示例代码:

{
"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 的模态 黑窗口没有显示出来 具体看我提供的附件 视频

2021-02-23 22:31 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_linju_json

DCloud_UNI_linju_json

bug已确认,感谢你的反馈!已给你加分。
临时解决方案:1.继续用subNvue在pages.json定义的时候直接定义成透明蒙板,透明背景。然后在subNvue自己自由定义背景色作为蒙板使用。
2.用透明普通页面实现。参考:https://ext.dcloud.net.cn/plugin?id=953

要回复问题请先登录注册