From 60771082ef1aee0839e90a217fa65d992422bbdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BA=BA=E7=BB=9D=E4=B8=8D=E4=B8=BA?=
 =?UTF-8?q?=E5=A5=B4?= <szh19970123@icloud.com>
Date: Wed, 20 Aug 2025 10:18:41 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=BA=86=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Sidebar/index.css | 9 ++++++---
 src/components/Sidebar/index.jsx | 8 +++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar/index.css b/src/components/Sidebar/index.css
index 7a819c8..0a81c85 100644
--- a/src/components/Sidebar/index.css
+++ b/src/components/Sidebar/index.css
@@ -50,9 +50,12 @@
     width: 100%;
     height: 41px;
     text-align: center;
-    font-size: 12px;
-    font-weight: 700;
-    line-height: 41px;
+
+    .arco-statistic-value {
+      font-size: 12px;
+      font-weight: 700;
+      line-height: 41px;
+    }
   }
   .sidebar-menu {
     width: 100%;
diff --git a/src/components/Sidebar/index.jsx b/src/components/Sidebar/index.jsx
index 757e470..6508482 100644
--- a/src/components/Sidebar/index.jsx
+++ b/src/components/Sidebar/index.jsx
@@ -1,5 +1,6 @@
 import { useNavigate, useLocation } from "react-router-dom";
 import { mockData } from "@/data/mockData";
+import { Statistic } from "@arco-design/web-react";
 import IconFont from "@/components/IconFont";
 import Logo from "@/assets/images/Sidebar/logo.png";
 import BTNICON from "@/assets/images/Sidebar/btn_icon.png";
@@ -39,7 +40,12 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => {
           src="//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
         />
       </div>
-      <div className="visitor-count">访客总数：1000</div>
+      <Statistic
+        className="visitor-count"
+        groupSeparator
+        value={125670}
+        prefix="访客总数："
+      />
       <ul className="sidebar-menu">
         {routes
           .filter((item) => item.showMenu)