使用地图组件是会有地图层级太高覆盖其他的元素
以下的地图界面上是有其他的元素的 但是因为地图的层级过高 导致不可见
使用子窗体来解决
李家霖{
"path":"pages/Di_Tu/Di_Tu",
"style":{
"navigationStyle":"custom", // 使用<a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>-plus来引入子窗体
"<a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>-plus":{ // 子窗体数组
"subNVues":[
{ // 子窗体的id 是唯一的标示不可重复
"id": "ziyiemian", . // 子窗体的路径
"path":"pages/Di_Tu/zi", // 子窗体的样式
"style": {
"position": "absolute",
"dock": "right",
"height":"350rpx",
"background": "transparent"
}
}, // 可以有多个子窗体
{
"id": "mapItem",
"path":"pages/Di_Tu/mapItem",
"style": {
"position": "absolute",
"dock": "right",
"height":"100%",
"width":"100%",
"background": "transparent"
}
}
]
}
}
}, 配置好后 在界面中使用以下的代码获取子窗体 展示子窗体
// 通过 id 获取 nvue 子窗体
const subNVue = <a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>.getSubNVueById('mapItem')
// 打开 nvue 子窗体 // 第一个值是设置打开时的动画效果 第二个值是动画效果持续时间 第三个值是打开的后的回调
subNVue.show('slide-in-left', 300, function(){
// 打开后进行一些操作……
}); 使用了子窗体后的效果
0
原创©本文章为李家霖原创，未经许可，禁止转载
联系我
0条评论