1***@163.com
1***@163.com
  • 发布:2024-11-07 11:10
  • 更新:2024-11-07 11:10
  • 阅读:17

【报Bug】为什么cover-view不能全部覆盖map组件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15.0.1

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: 全部

手机厂商: 华为

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

目前测试 安卓和ios都出现这个问题

操作步骤:

<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 部分没有覆盖

bug描述:

圈出来的地方cover-view无法覆盖

2024-11-07 11:10 负责人:无 分享
已邀请:

要回复问题请先登录注册