diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
index 4d15280..387e587 100644
--- a/src/pages/HomePage.jsx
+++ b/src/pages/HomePage.jsx
@@ -45,7 +45,7 @@ export default function HomePage() {
 
   return (
     <div className="page-with-navbar">
-      <NavBar back={null}>首页</NavBar>
+      <NavBar back={null} />
       <div className="home-content">
         <SwipeTabs tabs={tabs} active={active} onChange={setActive} />
       </div>
diff --git a/src/pages/MacroPage.jsx b/src/pages/MacroPage.jsx
index de329b6..7bdc27b 100644
--- a/src/pages/MacroPage.jsx
+++ b/src/pages/MacroPage.jsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { useNavigate, useLocation, Routes, Route, Navigate } from 'react-router-dom'
+import { NavBar } from 'antd-mobile'
 import SwipeTabs from '../components/SwipeTabs.jsx'
 import DataView from './macro/DataView.jsx'
 import StrategyView from './macro/StrategyView.jsx'
@@ -64,7 +65,8 @@ export default function MacroPage() {
   }
 
   return (
-    <div>
+    <div className="page-with-navbar">
+      <NavBar back={null} />
       <SwipeTabs tabs={tabs} active={active} onChange={onChange} />
     </div>
   )
diff --git a/src/pages/MePage.jsx b/src/pages/MePage.jsx
index 2cd49c3..b393c50 100644
--- a/src/pages/MePage.jsx
+++ b/src/pages/MePage.jsx
@@ -111,7 +111,7 @@ export default function MePage() {
 
   return (
     <div className="me-page">
-      <NavBar back={null} className="me-navbar">我的</NavBar>
+      <NavBar back={null} className="me-navbar" />
       <div className="me-profile">
         <Avatar
           className="me-avatar"
diff --git a/src/pages/MonitorPage.jsx b/src/pages/MonitorPage.jsx
index 60a16c2..612efbd 100644
--- a/src/pages/MonitorPage.jsx
+++ b/src/pages/MonitorPage.jsx
@@ -44,7 +44,7 @@ export default function MonitorPage() {
   ]
   return (
     <div className="page-with-navbar">
-      <NavBar back={null}>监控</NavBar>
+      <NavBar back={null} />
       <div className="monitor-content">
         <SwipeTabs tabs={tabs} active={active} onChange={setActive} />
       </div>