更换 UI

src/pages/MonitorPage.jsx

@@ -1,10 +1,16 @@
+import { ErrorBlock, NavBar } from 'antd-mobile'
+
 // 监控: 暂留占位
+// 使用 antd-mobile ErrorBlock 仿原生空状态页
 export default function MonitorPage() {
   return (
-    <div className="placeholder-page">
-      <div className="icon">◉</div>
-      <div>监控</div>
-      <div style={{ fontSize: 12, opacity: .7 }}>后续接入: 指标阈值告警 / 时序趋势</div>
+    <div className="page-with-navbar">
+      <NavBar back={null}>监控</NavBar>
+      <ErrorBlock
+        status="empty"
+        title="监控"
+        description="后续接入: 指标阈值告警 / 时序趋势"
+      />
     </div>
   )
-}
+}