From 46d21d3e55aafb4a842fe2220c1b84ab51a03abc Mon Sep 17 00:00:00 2001 From: zlwu <704541015@qq.com> Date: Sat, 5 Jul 2025 13:53:25 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=BA=94=E7=94=A8=E6=96=B0=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E8=89=B2=E5=88=B0=E5=85=A8=E5=B1=80=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 更新Element UI相关样式文件 2. 更新布局组件样式 3. 更新所有业务页面组件样式 4. 删除废弃的测试页面 5. 优化主题切换相关代码 --- web/src/assets/styles/art-element-ui.scss | 30 +++ web/src/assets/styles/element-ui.scss | 22 ++ web/src/assets/styles/ruoyi.scss | 3 + web/src/layout/components/Settings/index.vue | 28 +-- .../layout/components/Sidebar/SidebarItem.vue | 47 ++++ web/src/layout/components/TagsView/index.vue | 25 +- web/src/main.ts | 39 +++ web/src/views/hq/hallAudit/index.vue | 2 +- web/src/views/hq/hallInfo/index.vue | 8 +- web/src/views/hq/hallReservation/index.vue | 6 +- web/src/views/hq/pm/repairCategory/index.vue | 11 +- web/src/views/hq/pm/repairOrder/index.vue | 11 +- web/src/views/hq/satCategory/index.vue | 6 +- web/src/views/hq/satDetail/index.vue | 6 +- web/src/views/hq/satOption/index.vue | 8 +- web/src/views/hq/satQuestion/index.vue | 6 +- web/src/views/hq/venue/info/index.vue | 6 +- web/src/views/hq/venue/reservation/index.vue | 6 +- web/src/views/monitor/logininfor/index.vue | 6 +- web/src/views/monitor/operlog/index.vue | 2 +- web/src/views/system/client/index.vue | 6 +- web/src/views/system/config/index.vue | 8 +- web/src/views/system/dept/index.vue | 2 +- web/src/views/system/dict/index.vue | 8 +- web/src/views/system/menu/index.vue | 4 +- web/src/views/system/notice/index.vue | 4 +- web/src/views/system/oss/index.vue | 12 +- web/src/views/system/post/index.vue | 6 +- web/src/views/system/role/index.vue | 6 +- web/src/views/system/tenant/index.vue | 12 +- web/src/views/system/tenantPackage/index.vue | 6 +- web/src/views/system/user/index.vue | 10 +- web/src/views/test/stuMsg/index.vue | 226 ------------------ 33 files changed, 246 insertions(+), 342 deletions(-) delete mode 100644 web/src/views/test/stuMsg/index.vue diff --git a/web/src/assets/styles/art-element-ui.scss b/web/src/assets/styles/art-element-ui.scss index 9932c2d3..bfe777bd 100644 --- a/web/src/assets/styles/art-element-ui.scss +++ b/web/src/assets/styles/art-element-ui.scss @@ -520,6 +520,36 @@ box-shadow: none !important; } } + + // 图标样式修复 + .el-icon { + display: inline-flex !important; + justify-content: center !important; + align-items: center !important; + height: 1em !important; + width: 1em !important; + vertical-align: middle !important; + + svg { + height: 1em !important; + width: 1em !important; + fill: currentColor !important; + } + } + + // 按钮中的图标 + .el-icon { + margin-right: 4px !important; + vertical-align: middle !important; + + &:last-child { + margin-right: 0 !important; + } + } + + &.is-circle .el-icon { + margin-right: 0 !important; + } } // 按钮组样式 diff --git a/web/src/assets/styles/element-ui.scss b/web/src/assets/styles/element-ui.scss index 5c684255..b2d56ad1 100644 --- a/web/src/assets/styles/element-ui.scss +++ b/web/src/assets/styles/element-ui.scss @@ -152,6 +152,11 @@ word-break: break-word; } +.el-form .el-form-item__label { + color: #333333; + font-weight: 400 !important; +} + // Element Plus 主色调自定义配置 :root { // --el-color-primary: #203daf; @@ -178,6 +183,8 @@ // --el-menu-active-color: #203daf; --el-menu-bg-color: #ffffff; --el-menu-hover-bg-color: #f5f5f5; + --el-menu-active-color: rgb(var(--art-primary)); + --el-menu-item-height: 50px; } // 深色模式下的菜单文本颜色 @@ -186,3 +193,18 @@ html.dark { --el-menu-hover-text-color: #000000; // --el-menu-active-color: #203daf; } + +/* 收缩菜单样式 */ +body { + .el-menu--popup { + .el-sub-menu.is-active { + > .el-sub-menu__title { + &:hover { + color: rgb(var(--art-primary)) !important; + background-color: rgb(var(--art-primary), 0.1) !important; + } + } + } + } +} + diff --git a/web/src/assets/styles/ruoyi.scss b/web/src/assets/styles/ruoyi.scss index 95260178..30a3cd13 100644 --- a/web/src/assets/styles/ruoyi.scss +++ b/web/src/assets/styles/ruoyi.scss @@ -282,3 +282,6 @@ h6 { .top-right-btn { margin-left: auto; } + + + diff --git a/web/src/layout/components/Settings/index.vue b/web/src/layout/components/Settings/index.vue index 400dcebb..62c14498 100644 --- a/web/src/layout/components/Settings/index.vue +++ b/web/src/layout/components/Settings/index.vue @@ -1,6 +1,6 @@