uni-app的map组件和video组件层级过高问题

解决方案

1、直接使用nvue写,vue和nvue的渲染方式不一样,直接用nvue可以直接调整层级,可以覆盖住video和map组件。注意:nvue的和vue的css和标签的写法有很大的不一样,直接去查nvue的写法,写几个就会了

2、使用uni-app的原生窗体,在vue页面上覆盖一层nvue页面,也可以解决video和map的组件层级过高问题。

{  
    "pages": [{  
        "path": "pages/index/index", //首页  
        "style": {  
            "app-plus": {  
                "subNVues":[{  
                    "id": "concat", // 唯一标识  
                    "path": "pages/index/subnvue/concat", // 页面路径  
                    /*"type": "popup",  这里不需要*/  
                    "style": {  
                        "position": "absolute",  
                        "dock": "right",  
                        "width": "100rpx",  
                        "height": "150rpx",  
                        "background": "transparent"  
                    }  
                }]  
            }  
        }  
    }]  
}

上面就是设置子窗体的写法,具体修改子窗体的写法,参考uni-app官方文档。

3、对于uni-app自带的video组件,还有一种解决方法就是用一些视频播放的插件,这些插件一般都没有层级过高问题。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

棋宣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值