- 发布:2024-11-07 11:10
- 更新:2024-11-07 11:10
- 阅读:17
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 15.0.1
HBuilderX类型: 正式
HBuilderX版本号: 4.24
手机系统: 全部
手机厂商: 华为
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
操作步骤:
<map id="map1" @tap="tapMap" :longitude="params.longitude" :latitude="params.latitude" :circles="circles">
<cover-view class="model" v-if="isShow">
<cover-view class="p-box">
<cover-view class="title">新建成功</cover-view>
<cover-view class="p-row">
<cover-view>{{params.efName || ''}}</cover-view>
<cover-view>电子围栏新建成功</cover-view>
<cover-view>可同时新建3个,是否继续?</cover-view>
</cover-view>
<cover-view class="btns">
<cover-view class="btn1" @click="toReturn">暂时不用</cover-view>
<cover-view class="btn2" @click="toCreate">去新建</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
.model {
position: fixed;
top: 0rpx;
right: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, .5);
}
.p-box {
width: 650rpx;
height: 416rpx;
background: #FFFFFF;
border-radius: 16rpx;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
.btns {
margin-top: 42rpx;
display: flex;
justify-content: space-around;
.btn2 {
width: 200rpx;
height: 80rpx;
background: #798741;
border-radius: 40rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
line-height: 80rpx;
text-align: center;
}
.btn1 {
width: 200rpx;
height: 80rpx;
background: #231815;
border-radius: 40rpx;
border: 1rpx solid #231815;
text-align: center;
line-height: 80rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
}
}
.p-row {
text-align: center;
cover-view {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #222222;
margin-bottom: 25rpx;
}
}
.title {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #212121;
text-align: center;
margin-top: 40rpx;
margin-bottom: 30rpx;
// padding: 30rpx 0;
}
}
``
<map id="map1" @tap="tapMap" :longitude="params.longitude" :latitude="params.latitude" :circles="circles">
<cover-view class="model" v-if="isShow">
<cover-view class="p-box">
<cover-view class="title">新建成功</cover-view>
<cover-view class="p-row">
<cover-view>{{params.efName || ''}}</cover-view>
<cover-view>电子围栏新建成功</cover-view>
<cover-view>可同时新建3个,是否继续?</cover-view>
</cover-view>
<cover-view class="btns">
<cover-view class="btn1" @click="toReturn">暂时不用</cover-view>
<cover-view class="btn2" @click="toCreate">去新建</cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
.model {
position: fixed;
top: 0rpx;
right: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, .5);
}
.p-box {
width: 650rpx;
height: 416rpx;
background: #FFFFFF;
border-radius: 16rpx;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
.btns {
margin-top: 42rpx;
display: flex;
justify-content: space-around;
.btn2 {
width: 200rpx;
height: 80rpx;
background: #798741;
border-radius: 40rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
line-height: 80rpx;
text-align: center;
}
.btn1 {
width: 200rpx;
height: 80rpx;
background: #231815;
border-radius: 40rpx;
border: 1rpx solid #231815;
text-align: center;
line-height: 80rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
}
}
.p-row {
text-align: center;
cover-view {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #222222;
margin-bottom: 25rpx;
}
}
.title {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #212121;
text-align: center;
margin-top: 40rpx;
margin-bottom: 30rpx;
// padding: 30rpx 0;
}
}
``
预期结果:
cover-view需要全屏覆盖
cover-view需要全屏覆盖
实际结果:
cover-view 部分没有覆盖
cover-view 部分没有覆盖
bug描述:
圈出来的地方cover-view无法覆盖