我想实现如图所示的效果,请问该如何做?
这里面有2个问题,就是 如何再地图上面 显示侧滑菜单和组件? 我得地图无论怎么做都显示再上面,只有cover-view 才行,但是cover-view又不让 里面嵌套组件。
- 发布:2024-05-24 14:59
- 更新:2024-05-27 09:46
- 阅读:209
代码下面:
<uni-popup ref="pop" type="left">
<view style="width: 200px; height: 100%; background-color: #FFF;"></view>
</uni-popup>
点击 执行this.$refs.pop.open()
爱tutu爱生活 - 前端渣渣
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