使用的是vite + vue3的setup语法糖。2.创建components目录，在components目录下创建navbar.vue组件顶部状态栏实际上分为两个部分，一个是系统状态栏，一个是状态栏的下方的内容区域。大致就是图上两个部分。结构分出来后也就比较明了先要做啥了。不同手机顶部的系统状态栏的高度是不一样的，可以通过方法 获取顶部安全区域高度。拿到方法中的两个属性statusBarHeig

适用于有新的完整的链接跳转，将新链接的url放入open中即可。2.使用$router.resolve。适用于@绑定了点击事件需要跳转的场景。1.使用router-link。

步骤二：在src/util/request.js中定义并暴露request对象为进行了基础配置的axios，指定了接口的总地址。步骤三：在src/api目录中创建js文件夹引入request，定义接口请求方法。步骤一：在main.js 中使用prototype定义一个对象为axios。步骤一：在src/util/request.js文件中导入axios模块。步骤二：在需要请求的接口组件中，直接使用