From a9725caf048deae46910ef7285f500282870d7c9 Mon Sep 17 00:00:00 2001 From: zhonghua Date: Tue, 24 Mar 2026 16:49:37 +0800 Subject: [PATCH] =?UTF-8?q?style(school):=20=E7=BB=9F=E4=B8=80=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E6=A0=87=E9=A2=98=E5=9B=BE=E6=A0=87=E4=B8=8E?= =?UTF-8?q?=20header-content=20=E9=AB=98=E5=BA=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Made-with: Cursor --- .../views/school/classes/ClassListView.vue | 11 +++++++--- .../views/school/parents/ParentListView.vue | 2 ++ .../views/school/students/StudentListView.vue | 21 ++++++++++++------- .../views/school/teachers/TeacherListView.vue | 2 ++ 4 files changed, 25 insertions(+), 11 deletions(-) diff --git a/reading-platform-frontend/src/views/school/classes/ClassListView.vue b/reading-platform-frontend/src/views/school/classes/ClassListView.vue index a8fbbae..1534ee5 100644 --- a/reading-platform-frontend/src/views/school/classes/ClassListView.vue +++ b/reading-platform-frontend/src/views/school/classes/ClassListView.vue @@ -705,6 +705,7 @@ onMounted(() => { display: flex; justify-content: space-between; align-items: center; + min-height: 72px; } .header-title { @@ -714,13 +715,16 @@ onMounted(() => { } .title-icon { - width: 56px; - height: 56px; + width: 48px; + height: 48px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); - border-radius: 16px; + border-radius: 12px; display: flex; align-items: center; justify-content: center; +} + +.title-icon :deep(svg) { font-size: 28px; color: white; } @@ -1328,6 +1332,7 @@ onMounted(() => { flex-direction: column; gap: 16px; text-align: center; + min-height: auto; } .header-stats { diff --git a/reading-platform-frontend/src/views/school/parents/ParentListView.vue b/reading-platform-frontend/src/views/school/parents/ParentListView.vue index d723317..565702d 100644 --- a/reading-platform-frontend/src/views/school/parents/ParentListView.vue +++ b/reading-platform-frontend/src/views/school/parents/ParentListView.vue @@ -726,6 +726,7 @@ onMounted(() => { display: flex; justify-content: space-between; align-items: center; + min-height: 72px; } .header-title { @@ -1189,6 +1190,7 @@ onMounted(() => { flex-direction: column; gap: 16px; text-align: center; + min-height: auto; } .header-stats { diff --git a/reading-platform-frontend/src/views/school/students/StudentListView.vue b/reading-platform-frontend/src/views/school/students/StudentListView.vue index 9b51f4b..15a4ce8 100644 --- a/reading-platform-frontend/src/views/school/students/StudentListView.vue +++ b/reading-platform-frontend/src/views/school/students/StudentListView.vue @@ -759,6 +759,7 @@ onMounted(() => { display: flex; justify-content: space-between; align-items: center; + min-height: 72px; } .header-title { @@ -768,14 +769,17 @@ onMounted(() => { } .title-icon { - width: 64px; - height: 64px; - border-radius: 16px; + width: 48px; + height: 48px; + border-radius: 12px; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; - font-size: 32px; +} + +.title-icon :deep(svg) { + font-size: 28px; color: white; } @@ -803,7 +807,7 @@ onMounted(() => { .stat-value { display: block; - font-size: 28px; + font-size: 32px; font-weight: 700; color: white; } @@ -858,9 +862,9 @@ onMounted(() => { } .filters :deep(.ant-select-selector), -{ -border-radius: 12px; -border: 2px solid #F0F0F0; +.filters :deep(.ant-input-affix-wrapper) { + border-radius: 12px; + border: 2px solid #F0F0F0; } .filters :deep(.ant-select-selector:hover), @@ -1319,6 +1323,7 @@ border: 2px solid #F0F0F0; flex-direction: column; gap: 16px; text-align: center; + min-height: auto; } .header-stats { diff --git a/reading-platform-frontend/src/views/school/teachers/TeacherListView.vue b/reading-platform-frontend/src/views/school/teachers/TeacherListView.vue index 5f2f67d..3223f33 100644 --- a/reading-platform-frontend/src/views/school/teachers/TeacherListView.vue +++ b/reading-platform-frontend/src/views/school/teachers/TeacherListView.vue @@ -512,6 +512,7 @@ onMounted(() => { display: flex; justify-content: space-between; align-items: center; + min-height: 72px; } .header-title { @@ -850,6 +851,7 @@ onMounted(() => { flex-direction: column; gap: 16px; text-align: center; + min-height: auto; } .header-stats {