我想实现如图所示的效果，请问该如何做？
这里面有2个问题，就是 如何再地图上面 显示侧滑菜单和组件？ 我得地图无论怎么做都显示再上面，只有cover-view 才行，但是cover-view又不让 里面嵌套组件。
9***@qq.com
- 发布：2024-05-24 14:59
- 更新：2024-05-27 09:46
- 阅读：138
代码下面：
<uni-popup ref="pop" type="left">
<view style="width: 200px; height: 100%; background-color: #FFF;"></view>
</uni-popup>
点击 执行this.$refs.pop.open()
-
-
回复 9***@qq.com: https://uniapp.dcloud.net.cn/component/uniui/uni-popup.html#uni-popup-%E5%BC%B9%E5%87%BA%E5%B1%82
2024-05-24 15:58
爱tutu爱生活 - 前端渣渣
-
https://uniapp.dcloud.net.cn/tutorial/nvue-outline.html#nvue%E4%BB%8B%E7%BB%8D
2024-05-24 16:38
9***@qq.com (作者)
ERROR: Selector body is not supported. Weex only support classname selector 我的加上subnvue之后，编译报错
9***@qq.com (作者)
<style>
.wrapper {
flex-direction: column;
flex: 1;
text-align: center;
padding: 60rpx 0rpx 0rpx 20rpx;
background-color: #fff;
}
.nav-text {
color: #8f8f94;
/* #ifndef APP-PLUS-NVUE */
margin-bottom: 40px;
/* #endif */
/* #ifdef APP-PLUS-NVUE */
margin-bottom: 40rpx;
/* #endif */
}
.list-wrapper {
/* #ifdef APP-PLUS-NVUE */
height: 450rpx;
/* #endif */
/* #ifndef APP-PLUS-NVUE */
height: 450px;
/* #endif */
}
.text-wrapper {
justify-content: center;
border-bottom-style: solid;
border-bottom-width: 1rpx;
border-bottom-color: rgba(0,0,0,.2);
margin-bottom: 35rpx;
padding-bottom: 15rpx;
}
.close-drawer {
background-color: #f8f8f8;
width: 300rpx;
padding: 15rpx;
border-radius: 20rpx;
border-style: solid;
border-width: 1rpx;
border-color: rgba(0,0,0,.2);
}
.icon {
position: absolute;
right: 10rpx;
color: #000000;
font-family: unibtn;
font-size: 30rpx;
font-weight: 400;
}
</style>``` 
9***@qq.com (作者)
nvue怎么用呢，大佬
2024-05-24 15:29
爱tutu爱生活
回复 9***@qq.com: 差不多的，只不过nvue都是flex布局，你可能要改改样式啥的，别说遮罩层了，在上面放什么按钮都行
2024-05-24 16:26
9***@qq.com (作者)
回复 爱tutu爱生活: nvue，和vue 怎么区别的？
2024-05-24 16:30
9***@qq.com (作者)
我现在怎么改nvue呢
2024-05-24 16:30
爱tutu爱生活
回复 9***@qq.com: 别改原来的页面，直接复制一个出来，放在nvue文件上面，再慢慢改样式就好了
2024-05-24 16:34