From b91f661024151e742a056736dc2bd9c822d10719 Mon Sep 17 00:00:00 2001
From: zhonghua <zhonghua>
Date: Tue, 3 Mar 2026 10:44:20 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=B8=83=E5=B1=80):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E6=A0=8F=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 滚动条宽度统一为 4px，更细更不占空间
- 滑块增加圆角 (border-radius: 4px)，视觉更柔和
- 轨道背景透明，滑块半透明灰，悬停时加深便于识别
- 涉及布局: 教师端、园校端、管理端、家长端 (teacher/school/admin/parent LayoutView)

Made-with: Cursor
---
 .../src/views/admin/LayoutView.vue                 | 14 ++++++++++++++
 .../src/views/parent/LayoutView.vue                | 14 ++++++++++++++
 .../src/views/school/LayoutView.vue                | 14 ++++++++++++++
 .../src/views/teacher/LayoutView.vue               | 14 ++++++++++++++
 4 files changed, 56 insertions(+)

diff --git a/reading-platform-frontend/src/views/admin/LayoutView.vue b/reading-platform-frontend/src/views/admin/LayoutView.vue
index 35b0374..c801f79 100644
--- a/reading-platform-frontend/src/views/admin/LayoutView.vue
+++ b/reading-platform-frontend/src/views/admin/LayoutView.vue
@@ -382,6 +382,20 @@ $bg-dark: #111827;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/parent/LayoutView.vue b/reading-platform-frontend/src/views/parent/LayoutView.vue
index ca01669..22190c1 100644
--- a/reading-platform-frontend/src/views/parent/LayoutView.vue
+++ b/reading-platform-frontend/src/views/parent/LayoutView.vue
@@ -367,6 +367,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/school/LayoutView.vue b/reading-platform-frontend/src/views/school/LayoutView.vue
index c24f958..720be89 100644
--- a/reading-platform-frontend/src/views/school/LayoutView.vue
+++ b/reading-platform-frontend/src/views/school/LayoutView.vue
@@ -461,6 +461,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/teacher/LayoutView.vue b/reading-platform-frontend/src/views/teacher/LayoutView.vue
index daccfb6..24acf91 100644
--- a/reading-platform-frontend/src/views/teacher/LayoutView.vue
+++ b/reading-platform-frontend/src/views/teacher/LayoutView.vue
@@ -358,6 +358,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {