From 679241588ff312199b9b7455268841993925ff05 Mon Sep 17 00:00:00 2001 From: lbw <1192299468@qq.com> Date: Sun, 4 Jan 2026 12:11:39 +0800 Subject: [PATCH] =?UTF-8?q?style(ui):=20=E4=BC=98=E5=8C=96=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F=E7=BB=86?= =?UTF-8?q?=E8=8A=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - admid页面将主区域拆分为两栏布局，调整新增用户按钮颜色统一为primary - admid页面生成邀请码区域样式微调，增加标题字体大小并统一边距 - 全局主色从#409eff更改为#2563eb，更新顶部加载条颜色 - class页和learningPlan页整体布局调整，包含容器内间距、面板样式统一及按钮样式修改 - uploadpng页布局调整，容器添加内边距，使用panel-shell统一面板样式 - header组件logo图片添加width和height属性，调整导航栏最小高度及z-index提升层级 - 修改CSS变量定义，统一主色调、圆角和背景样式，实现暗黑模式和浅色模式背景渐变效果 - 移除一些多余的class名和调整padding，统一整体界面空间分布和层次感 --- enlish-vue/src/App.vue | 2 +- enlish-vue/src/assets/main.css | 26 +++++++ enlish-vue/src/layouts/components/Header.vue | 5 +- enlish-vue/src/pages/LearningPlan.vue | 10 +-- enlish-vue/src/pages/admid/admid.vue | 82 ++++++++++---------- enlish-vue/src/pages/class.vue | 45 +++++------ enlish-vue/src/pages/uploadpng.vue | 10 +-- 7 files changed, 103 insertions(+), 77 deletions(-) diff --git a/enlish-vue/src/App.vue b/enlish-vue/src/App.vue index 0c586ff..aa7d155 100644 --- a/enlish-vue/src/App.vue +++ b/enlish-vue/src/App.vue @@ -14,6 +14,6 @@ const locale = zhCn diff --git a/enlish-vue/src/assets/main.css b/enlish-vue/src/assets/main.css index a281703..a0d08de 100644 --- a/enlish-vue/src/assets/main.css +++ b/enlish-vue/src/assets/main.css @@ -16,4 +16,30 @@ border-color: rgba(255, 255, 255, 0.1); background: rgba(55, 65, 81, 0.4); } + .sidebar-fixed { + width: 220px; + min-width: 220px; + flex: 0 0 220px; + box-sizing: border-box; + } +} + +:root { + --el-color-primary: #2563eb; + --el-border-radius-base: 10px; + --el-border-radius-small: 8px; + --el-border-radius-round: 9999px; +} + +html, body, #app { + min-height: 100%; + background: radial-gradient(1200px at 10% 10%, #e0f2fe 0%, transparent 40%), + radial-gradient(1200px at 90% 10%, #dbeafe 0%, transparent 40%), + linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%); +} + +.dark html, .dark body, .dark #app { + background: radial-gradient(1000px at 10% 10%, rgba(30,58,138,0.35) 0%, transparent 40%), + radial-gradient(1000px at 90% 10%, rgba(2,132,199,0.3) 0%, transparent 40%), + linear-gradient(180deg, #0f172a 0%, #111827 100%); } diff --git a/enlish-vue/src/layouts/components/Header.vue b/enlish-vue/src/layouts/components/Header.vue index a43ae7c..f20ea5a 100644 --- a/enlish-vue/src/layouts/components/Header.vue +++ b/enlish-vue/src/layouts/components/Header.vue @@ -5,7 +5,7 @@