7***@qq.com

发布：2020-09-21 17:43
更新：2023-04-02 00:10
阅读：686

【报Bug】在globalStyle配置subNVues有问题,就一个空白窗体

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win7

HBuilderX类型：正式

HBuilderX版本号： 2.8.11

手机系统： iOS

手机系统版本号： iOS 12.2

手机厂商：苹果

手机机型： iphone6s plus

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

pages.json 配置

{  
  "pages": [  
    {  
      "path": "pages/ww",  
      "style": {  
        "navigationStyle": "custom",  
        "disableScroll": true  
      }  
    }  
  ],  
  "globalStyle": {  
    "pageOrientation": "portrait",  
    "navigationBarBackgroundColor": "#007AFF",  
    "app-plus": {  
      "subNVues": [  
        {  
          "id": "popup",  
          "path": "subNVues/test",  
          "type": "popup",  
          "style": {  
            "position": "dock",  
            "margin": "auto",  
            "width": "510rpx",  
            "height": "500rpx",  
            "mask": "rgba(0,0,0,0.5)"  
          }  
        }  
      ]  
    }  
  }  
}

操作步骤：

ww.vue

<template>  
    <view>欢迎光临123</view>  
</template>  
<script>  
    export default {  
        mounted() {  
            setTimeout(() => {  
                const subNVue = uni.getSubNVueById('popup')  
                subNVue.show('zoom-fade-out', 300)  
            }, 1000)  
        }  
    }  
</script>

test.nvue

<template>  
  <view class="a">  
    <text>我就是一个弹框</text>  
  </view>  
</template>  
<style lang="less" scoped>  
    .a {  
        background-color: red;  
    }  
</style>

预期结果：

kkk222.jpg 文件是预期的效果

pages.json 配置

{  
  "pages": [  
    {  
      "path": "pages/ww",  
      "style": {  
        "navigationStyle": "custom",  
        "disableScroll": true,  
        "app-plus": {  
              "subNVues": [  
                {  
                  "id": "popup",  
                  "path": "subNVues/test",  
                  "type": "popup",  
                  "style": {  
                    "position": "dock",  
                    "margin": "auto",  
                    "width": "510rpx",  
                    "height": "500rpx",  
                    "mask": "rgba(0,0,0,0.5)"  
                  }  
                }  
              ]  
            }  
      }  
    }  
  ],  
  "globalStyle": {  
    "pageOrientation": "portrait",  
    "navigationBarBackgroundColor": "#007AFF"  
  }  
}

放在pages下就生效

实际结果：

有BUG是白色框，红框是正常的

bug描述：

在globalStyle配置subNVues有问题,就一个空白窗体

有红色框的是配置pages下，白色是globalStyle下

2020-09-21 17:43 负责人:无分享

4 个回复

ZFZF - zf

作者这个问题解决了吗，同求，我也遇到了相同的问题

自学的烦恼 - 自学的烦恼

两年了，这个bug还是没有解决
本来放在globalStyle多好，几个页面都可以用，现在却只能放在pages下，搞多个id来区分

qinghjbh

谈谈心

note744917 - 我的联系方式：wx: note744917

3年了这个bug依旧存在

要回复问题请先登录或注册

【报Bug】在globalStyle配置subNVues有问题,就一个空白窗体

pages.json 配置

ww.vue

test.nvue

pages.json 配置

实际结果：

有BUG是白色框，红框是正常的

bug描述：

4 个回复

公告

相关问题

【报Bug】在globalStyle配置subNVues有问题,就一个空白窗体

pages.json 配置

ww.vue

test.nvue

pages.json 配置

实际结果： 有BUG是白色框，红框是正常的

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

实际结果：

有BUG是白色框，红框是正常的