uni-app subNVue 原生子窗体简单使用案例（app提交按钮）

因为原生的地图map、video等层级较高，其他的组件无法正常显示，所以使用弹出层用到原生子窗体subNvue
效果如下:

image.png

image.png

用法：
1、在需要使用的页面（addSamplePage）下新建subNvue文件夹，然后在里面建立相应的文件nvue

image.png

2、在pages.json中定义，把样式什么的直接写在需要引用的页面中，例如写在index页面里

{
            "path": "pages/addSamplePage/addSamplePage",
            "style": {
                "navigationBarTitleText": "样品检测新增页",
                "app-plus": {
                    "subNVues": [
                        {
                            "id": "video_mask",
                            "path": "pages/addSamplePage/subnvue/top",
                            "style": {
                                "position": "absolute",
                                "bottom": "0",
                                "left": "0",
                                "width": "100%",
                                "height": "90px",
                                "background": "transparent"
                            }
                        }
                    ]
                }

            }
        }

3.top.nvue页面

4.在addSamplePage.vue页面中使用方法

需要注意的是nvue文件中很多css都不支持，文字必须写在text内