REFactor => 移除安全区域相关功能，优化web-view组件样式，更新导航组件结构，简化代码逻辑。

nkebao/src/components/NavCommon/index.tsx

@@ -18,10 +18,9 @@ const NavCommon: React.FC<NavCommonProps> = ({
 }) => {
   const navigate = useNavigate();
   return (
-    <>
+    <div style={{ paddingTop: "44px", background: "#fff" }}>
       <NavBar
         back={null}
-        style={{ background: "#fff" }}
         left={
           left ? (
             left
@@ -46,7 +45,7 @@ const NavCommon: React.FC<NavCommonProps> = ({
           {title}
         </span>
       </NavBar>
-    </>
+    </div>
   );
 };
 

nkebao/src/main.tsx

@@ -3,7 +3,7 @@ import { createRoot } from "react-dom/client";
 import App from "./App";
 import "./styles/global.scss";
 
-// import VConsole from "vconsole";
-// new VConsole();
+import VConsole from "vconsole";
+new VConsole();
 const root = createRoot(document.getElementById("root")!);
 root.render(<App />);

nkebao/src/pages/mobile/mine/main/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
-import { Card, NavBar, List, Button, Toast } from "antd-mobile";
+import { Card, NavBar, List, Button } from "antd-mobile";
 import {
   PhoneOutlined,
   MessageOutlined,
@@ -13,8 +13,7 @@ import Layout from "@/components/Layout/Layout";
 import style from "./index.module.scss";
 import { useUserStore } from "@/store/module/user";
 import { getDashboard } from "./api";
-import { DEV_FEATURES } from "@/utils/env";
-
+import NavCommon from "@/components/NavCommon";
 const Mine: React.FC = () => {
   const navigate = useNavigate();
   const { user } = useUserStore();
@@ -136,13 +135,7 @@ const Mine: React.FC = () => {
 
   return (
     <Layout
-      header={
-        <NavBar back={null} style={{ background: "#fff" }}>
-          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-            我的
-          </div>
-        </NavBar>
-      }
+      header={<NavCommon title="我的" />}
       footer={<MeauMobile activeKey="mine" />}
     >
       <div className={style["mine-page"]}>