style(home): 调整页面高度和滚动条样式- 修改 home 页面容器高度为 calc(100vh -30px)- 更新滚动条整体样式背景色为白色

- 修改滚动条拖拽块背景色为灰色 (#999999)

frontend/src/styles/pub.scss

@@ -105,8 +105,8 @@
 
 
 
-::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; background: #000;}
-::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px;  background: #ddd;}
+::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; background: #fff;}
+::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px;  background: #999999;}
 ::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: none; border-radius: 10px; background: none;}
 
 

frontend/src/views/Home/index.vue

@@ -62,7 +62,7 @@ const goCheck = () => {
     useUserInfoStore.updateLoginShow(true);
     return;
   }
-  
+
   configInfoStore.updateAppModel(1);
   router.push({
     name: 'PhotographyCheck'
@@ -75,7 +75,7 @@ const goShot = () => {
     useUserInfoStore.updateLoginShow(true);
     return;
   }
-  
+
   socketConnect();
   configInfoStore.updateAppModel(2);
   router.push({
@@ -89,7 +89,7 @@ const checkHealth = async () => {
     const response = await axios.get('http://127.0.0.1:7074');
     if (response.status === 200) {
       loading.value = false; // 健康检查成功，关闭 loading
-      
+
       // 健康检查成功后，如果用户已登录则执行数据同步
       if (tokenInfoStore && tokenInfoStore.getToken) {
         const token = tokenInfoStore.getToken;
@@ -223,7 +223,7 @@ onMounted(() => {
   configInfoStore = configInfo();
   useUserInfoStore = useUserInfo();
   tokenInfoStore = tokenInfo();
-  
+
   checkHealth();
   // 延迟执行版本检查，避免影响健康检查
   setTimeout(() => {
@@ -237,7 +237,7 @@ onMounted(() => {
 .home-container {
   position: relative;
   width: 100%;
-  height: 100vh;
+  height: calc(100vh - 30px);
   overflow: hidden;
 }