From 10a6a98c217fc09aee8174d6444af80ca762b977 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 08 四月 2026 14:43:59 +0800
Subject: [PATCH] 1.样式修改
---
src/layout/components/Sidebar/index.vue | 29 +++++++++++++++++++++++++++++
1 files changed, 29 insertions(+), 0 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 6ce06de..83d3026 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -64,6 +64,8 @@
<style lang="scss" scoped>
.sidebar-container {
background-color: v-bind(getMenuBackground);
+ border-radius: 22px;
+ overflow: hidden;
.scrollbar-wrapper {
background-color: v-bind(getMenuBackground);
@@ -73,6 +75,7 @@
border: none;
height: 100%;
width: 100% !important;
+ border-radius: 22px;
.el-menu-item,
.el-sub-menu__title {
@@ -82,6 +85,7 @@
&:hover {
background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+ border-radius: 14px;
}
}
@@ -100,6 +104,26 @@
:deep(.el-sub-menu.is-active > .el-sub-menu__title) {
color: v-bind(theme) !important;
font-weight: 600;
+ background-color: var(--menu-active-bg, rgba(0, 0, 0, 0.06)) !important;
+ border-radius: 14px;
+ margin: 0 10px 6px !important;
+ width: calc(100% - 20px) !important;
+ padding-left: 10px !important;
+ padding-right: 10px !important;
+ box-sizing: border-box;
+ overflow: hidden;
+ background-clip: padding-box;
+ }
+
+ :deep(.el-menu-item.is-active) {
+ margin: 0 10px 6px !important;
+ width: calc(100% - 20px) !important;
+ padding-left: 10px !important;
+ padding-right: 10px !important;
+ box-sizing: border-box;
+ overflow: hidden;
+ background-clip: padding-box;
+ border-radius: 14px;
}
:deep(.el-sub-menu.is-active > .el-sub-menu__title .menu-title),
@@ -108,6 +132,11 @@
:deep(.el-menu-item.is-active .svg-icon) {
color: v-bind(theme) !important;
}
+
+ :deep(.el-sub-menu__title:hover),
+ :deep(.el-menu-item:hover) {
+ border-radius: 14px;
+ }
}
}
</style>
--
Gitblit v1.9.3