非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量--status-bar-height，如果需要把状态栏的位置从前景部分让出来，可写一个占位div，高度设为css变量。
<template>
<view>
<view>
<!-- 这里是状态栏 -->
</view>
<view> 状态栏下的文字 </view>
</view>
</template>
<style>
.status_bar {
height: var(--status-bar-height);
width: 100%;
}
</style>
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/562.html
上一篇： uniapp目录介绍，目录文件详解
简忆博客
勤于学习，乐于分享
Copyright© 2017-2024 简忆博客版权所有
粤ICP备16092285号
关于简忆
简忆诞生的故事
文章评论（0）