<template>
<view class="tenglu-container">
<view class="tenglu-bg" />
<view class="tenglu-body" @click="showComModal">显示弹窗</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
onInit() {
},
onLoad() {
//横屏正方向
// #ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary')
plus.navigator.setFullscreen(true);
// #endif
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.tenglu-body{
position: relative;
z-index: 10;
color: #fff;
}
.tenglu-bg{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: #000;
}
</style>
小杏
- 发布：2024-12-10 13:59
- 更新：2024-12-10 16:20
- 阅读：83
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 4.36
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： p40
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
点击进入当前页面
点击进入当前页面
预期结果：
黑色应该铺满全屏，显示弹窗文字应该在最左边
黑色应该铺满全屏，显示弹窗文字应该在最左边
实际结果：
最左边有一个原竖屏时的状态栏占位
最左边有一个原竖屏时的状态栏占位
bug描述：
希望某个页面横屏-全屏，结果竖屏时候的状态栏还在
