copil0t
copil0t
  • 发布:2021-03-05 12:06
  • 更新:2023-03-09 13:34
  • 阅读:2247

uniapp中使用subNVue原生子窗体后,怎么遮罩tabbar?

分类:uni-app
//pages.json  
"app-plus": {  
          "scrollIndicator": "none",  
          "subNVues":[{  
              "id":"zzhPopup",  
              "path":"pages/index/subNvue/zzh-popUp",  
              // "type":"popup",  
              "style":{  
                  "position":"mock",  
                  "width":"100%",  
                  "height":"100%",  
                  "margin":"auto",  
                  "background":"transparent",  
                  "mask":"rgba(0,0,0,0.5)"  
              }  
          }]  
        }
//zzhPopup.nvue  
onReady() {  
            const subNvue = uni.getSubNVueById('zzhPopup')  
            subNvue.show("fade-in",600,()=>{  
                console.log('弹窗出来了!!!')  
            })  
            console.log(subNvue)  

        },  
        beforeCreate(){  
            uni.getCurrentSubNVue().addEventListener("hide", function() {    
                console.log("subNVue子窗体已隐藏!")  

            });  
        },
2021-03-05 12:06 负责人:无 分享
已邀请:
生涯

生涯 - 自学成才

不能遮罩~想遮罩就自定义底部导航

1***@qq.com

1***@qq.com

我设置了mask,都弹不出来。什么情况

梦里追逐

梦里追逐

可以遮住的,需要延迟几秒后在弹出subNVue窗体就可以了

  • copil0t (作者)

    能具体说下吗 跪求

    2021-03-18 19:04

  • 子安武人

    onReady里做个延迟弹出就能全部覆盖了,亲测可以

    2021-06-17 14:21

梦里追逐

梦里追逐

setTimeout(() => {  
    const subNVue = uni.getSubNVueById('popup')  
    subNVue.show('slide-in-top', 300, () => {  
        uni.$emit('popupClick', {  
            showType: 108,  
            data: {  
                imageUrl: adResp.alertImg,  
                targetUrl: adResp.targeUrl  
            }  
        })  
    })  
}, 1000)                        
1***@qq.com

1***@qq.com

我有个解决方案,创建2个subview子窗口。一个mask,一个内容。亲测可用

宗宗

宗宗 - 饶文俊

我这个子窗体为什么不居中啊

要回复问题请先登录注册