2***@qq.com
2***@qq.com
  • 发布:2020-08-06 10:18
  • 更新:2020-08-06 16:59
  • 阅读:505

【报Bug】2.7.14更新为2.8.3导致nvue 页面用plus创建的地图层级最高 无法用view 盒子覆盖

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: HLK-AL00

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

预期结果:

box盒子压住PLUS 创建的地图

实际结果:

PLUS 创建的地图压住了box 盒子

bug描述:

<template>
<view >

    <!--   <map style="width: 750upx; height: 250upx;" > </map> -->  
      <view  class="box">盒子</view>  

</view>  

</template>

<script>
export default {
data() {
return {
z:false
}
},
onShow() {
let _this = this;
let map = plus.maps.create('map', {
position: 'absolute',
top:'0',
left:'0',
width: '750px',
height: '250px',
});
plus.webview.currentWebview().append(map);
},
methods: {

    }  
}  

</script>

<style>
.box{
position:fixed;
top:20;
left:0;
width: 200px;
height: 200px;
background-color: #148FCC;
}
</style>

以上为简单示例
之前用2.7.14的自定义基座开发了一个nvue页面 用view盒子是可以压住 plus生成的地图 昨天把基座更新为2.8.3 整个页面都被plus的地图给盖住了

2020-08-06 10:18 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者) - Ciao! 你好 HELLO THERE 你好,在吗?

有其他人也遇到这个问题吗

DCloud_Android_ST

DCloud_Android_ST

示例发下

2***@qq.com

2***@qq.com (作者) - Ciao! 你好 HELLO THERE 你好,在吗?

<template>
<view >
<map id="mapS">
</map>
<view class="box" v-if="z==true">盒子</view>

</view>  

</template>

<script>
export default {
data() {
return {
z:false
}
},
onLoad() {
let _this = this;
// let map = plus.maps.create('map', {
// position: 'static',
// top:'0',
// left:'0',
// width: '750px',
// height: '250px',

        //      });  
        //      plus.webview.currentWebview().append(map);  

        new plus.maps.Map("mapS")  

                setTimeout(()=>{  
                    _this.z=true;  
                },2000)  
    },  
    onShow() {  

    },  
    methods: {  

    }  
}  

</script>

<style>
.box{
position:fixed;
top:20px;
left:0;
width: 200px;
height: 200px;
background-color: #148FCC;
}

mapS{

    position:fixed;  
    top:0;  
    left:0;  
    width:750px;  
    height: 200px;  
    background-color: #148FCC;  
}  

</style>

2***@qq.com

2***@qq.com (作者) - Ciao! 你好 HELLO THERE 你好,在吗?

示例DOC

该问题目前已经被锁定, 无法添加新回复