fix: 修复配置页面无法滚动问题

ZhiKongTaiWeb/src/App.vue

@@ -24,17 +24,16 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
-  width: 100%;
-  height: 100%;
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
 }
 
 .app-content {
   flex: 1;
-  width: 100%;
   display: flex;
   flex-direction: column;
+  min-height: 0; /* 允许内容区域收缩 */
 }
 
 /* 登录注册页面的布局 */
@@ -47,8 +46,28 @@ export default {
 /* 主要页面的布局 */
 .main-layout {
   flex: 1;
-  width: 100%;
   display: flex;
   flex-direction: column;
+  min-height: 0; /* 允许内容区域收缩 */
+}
+
+/* 添加全局滚动条样式 */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #ccc;
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #999;
 }
 </style>