记一次subNVue 原生子窗体的使用

2021-05-16 23:29

阅读:340

标签:false   image   关闭   覆盖   stat   family   使用   art   position   

1. 在uniApp中App模式下使用【subNVue 原生子窗体】解决抽屉侧边栏无法覆盖map、canvas等原生组件的问题

首先创建抽屉页面drawer.nvue

技术图片

页面代码如下:

在pages.json中的配置如下:

"subPackages": [{
        "root": "pages/index",
        "pages": [ 
            { 
                "path": "index",
                "style": {
                    "navigationBarTitleText": "SubNvue",
                    "app-plus": {
                        "titleNView": false,
                        "subNVues": [{
                            "id": "drawer",
                            "path": "subnvue/drawer",
                            "type": "popup",
                            "style": {
                                "width": "70%",
                                "right":"0"
                                // "left":"20%"
                            }
                        }]
                    }
                }
            }
        ]
    }
]
    

2. 使用【subNVue 原生子窗体】创建一个公共的导航栏

首先创建公共导航栏页面nav.nvue

技术图片

页面代码如下:

在pages.json中的配置如下:

{
    "path" : "pages/mine/mineInfo/mineInfo",
    "style" : {
        "navigationStyle":"custom",
        "app-plus":{
            "subNVues":[{
                "id":"nav",
                "path":"paltform/app-plus/subNVue/nav/nav",
                "type":"navigationBar"
                
            }]
        }
    }
}

记一次subNVue 原生子窗体的使用

标签:false   image   关闭   覆盖   stat   family   使用   art   position   

原文地址:https://www.cnblogs.com/fyhlz/p/11793986.html


评论


亲,登录后才可以留言!