问题:
app端使用map组件,全屏显示地图,要在地图上展示一个列表数据,通过给列表设置position: absolute;发现列表始终在地图下面,z-index设置多少都无效
原因:
小程序和app-vue中,<map> 组件是由引擎创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。也就是当时在用浏览器调试的时候发现是没问题的,真机运行就出问题。
解决:
- cover-view:<cover-view>组件:缺点:不支持嵌套其它组件,包括再次嵌套cover-view.
- nvue:App端vue页面 cover-view、cover-image 中不支持嵌套其它组件,包括再次嵌套cover-view,仅可覆盖video、map。App端nvue页面自2.1.5起没有这些限制。
参考链接
map组件(拉到最下面:注意事项):map组件
cover-view组件:cover-view
总结
官方文档关于这些都有详情的介绍,多看文档
2 个评论
要回复文章请先登录或注册
Dsanys
善妒的蝎子