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)