效果预览 下图中的红框区域 范例代码 src\pages.json 配置隐藏默认顶部导航栏 "navigationStyle":"custom",//隐藏默认顶部导航 src\pages\index\components\CustomNavbar.vue 封装自定义顶部导航栏的组件（要点在于：获取屏幕边界到安全区域距离） <scriptsetuplang="ts"> //获取屏幕边界到安全区域距离 const{safeAreaInsets}=uni.getSystemInfoSync() </script> <template> &lt...