uniapp实现沉浸式导航

UniApp是一个基于Vue.js的跨平台框架，它可以用于构建统一的应用体验，包括Web、iOS、Android等平台。关于实现沉浸式导航（Full Screen Navigation），在UniApp中，你可以通过`uni-app-plus`提供的`navigator`组件和一些自定义样式来达成。以下是一般步骤：

1. **引入组件**：首先，在项目中安装`uni-app-plus`依赖，然后导入`navigator`组件。

// main.js 或者你想使用的文件
import { navigator } from '@dcloudio/uni-app-plus';

2. **配置导航栏**：创建一个`navigator`实例，并设置你需要的属性。例如，设置背景透明度以便于沉浸效果。

const nav = new navigator({
  topBar: {
    shadow: false,
    background: '#000000',
    translucent: true, // 这里设置为true实现半透明效果
    height: '45rpx'
  },
});

3. **导航跳转**：在需要的地方使用`navigator.push`或`navigator.relaod`进行页面切换。

nav.push({ url: '/newPage' });

4. **自定义样式**：为了达到更好的沉浸效果，你还可以根据需求修改布局样式，如设置body的padding-bottom等于顶部导航的高度等。

记得在CSS中添加相应的样式，比如清除默认的底部工具栏，让内容占据整个屏幕：

/* 自定义CSS */
body {
  padding-bottom: 0 !important;
}