修改侧边栏选中颜色

This commit is contained in:
qumeng039@126.com 2025-09-09 16:39:18 +08:00
parent ada741ef80
commit e103205378
4 changed files with 15 additions and 13 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -139,7 +139,7 @@ onMounted(() => {
padding: vh(10) vw(15);
.menu-title {
cursor: pointer;
padding: vh(10) vw(10);
padding: vh(5) vw(10);
width: 100%;
display: flex;
align-items: center;
@ -161,23 +161,25 @@ onMounted(() => {
}
}
.active-parent {
.menu-title.active-parent {
position: relative;
border: none;
border-radius: vw(3);
background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, #0876be 100%) !important;
background-size: 100% 100%;
}
.title-active-left {
width: vw(120);
position: absolute;
border-radius: vw(3);
left: 0;
height: 100%;
z-index: 1;
border-left: vw(2) solid #8efbff;
}
.el-menu-item {
width: 100%;
height: vh(45);
height: vh(38);
margin: vh(10) 0;
cursor: pointer;
color: rgba(255, 255, 255, 0.76);
@ -188,7 +190,7 @@ onMounted(() => {
}
.active {
background-image: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
border-radius: vw(2);
background-size: 100% 100%;
color: #fff;
@ -212,7 +214,8 @@ onMounted(() => {
}
.el-menu-item:hover {
background-image: linear-gradient(to right, #0876be, #0ea7d500);
border-radius: 2px;
background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
background-size: 100% 100%;
color: #fff;
}

View File

@ -303,13 +303,13 @@ const wordCloudData = ref([
<style scoped lang="scss">
:deep(.leader-custom-dialog) {
width: vw(640);
border-width: 0, 0, 0, 0;
border-width: 0;
border-style: solid;
background-color: rgba(6, 45, 90, 1) !important;
background-color: rgba(6, 45, 90, 1);
border: vw(1) solid #1a8bff;
border-radius: vw(2);
padding: 0 0;
padding-bottom: 30px;
z-index: 1;
}
:deep(.leader-custom-dialog) .dialog-content {

View File

@ -265,14 +265,13 @@ const wordCloudData = ref([
<style scoped lang="scss">
:deep(.custom-leader-dialog) {
width: vw(640);
height: auto;
border-width: 0, 0, 0, 0;
border-width: 0;
border-style: solid;
background-color: rgba(6, 45, 90, 1);
border: vw(1) solid #1a8bff;
border-radius: vw(2);
padding: 0 0;
padding-bottom: 30px;
z-index: 1;
}
:deep(.custom-leader-dialog) .dialog-content {