From 259bc51dc53b77bac1e9380ee7f34dd5b7042301 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=A8=E9=9C=96=E9=93=83?= <rsgltzyd@hotmail.com>
Date: Wed, 7 Jan 2026 23:34:18 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E9=9A=90=E8=97=8F=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=BB=9A=E5=8A=A8=E6=9D=A1=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加html和body的overflow hidden样式以隐藏滚动条
- 在.app容器中添加overflow auto以支持内容滚动
- 为.app、.nav-collapse-content.show和.timestamp-display组件添加滚动条隐藏样式
- 包含WebKit、Firefox和IE/Edge浏览器的兼容性样式
- 修复了页面滚动条显示问题
---
 src/App.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/App.css b/src/App.css
index b71c538..cefb07a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,3 +1,14 @@
+/* 隐藏页面滚动条 */
+html {
+    overflow: hidden;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
 .app {
     max-width: 800px;
     margin: 0 auto;
@@ -7,6 +18,7 @@
     min-width: 320px;
     height: 100vh;
     box-sizing: border-box;
+    overflow: auto;
 }
 
 .nav {
@@ -284,6 +296,28 @@
     }
 }
 
+/* 隐藏滚动条样式 */
+/* WebKit浏览器 (Chrome, Safari, Edge) */
+.app::-webkit-scrollbar,
+.nav-collapse-content.show::-webkit-scrollbar,
+.timestamp-display::-webkit-scrollbar {
+    display: none;
+}
+
+/* Firefox */
+.app,
+.nav-collapse-content.show,
+.timestamp-display {
+    scrollbar-width: none;
+}
+
+/* IE/Edge 10+ */
+.app,
+.nav-collapse-content.show,
+.timestamp-display {
+    -ms-overflow-style: none;
+}
+
 /* 超小屏幕适配 - 修复边框遮挡问题 */
 @media (max-width: 399px) {
     .nav {