1
This commit is contained in:
parent
3bb5c3667c
commit
b8256504ea
|
|
@ -8,7 +8,6 @@
|
||||||
<img
|
<img
|
||||||
v-if="hasActiveChild(item)"
|
v-if="hasActiveChild(item)"
|
||||||
src="@/assets/images/titleActiveLeftRec.png"
|
src="@/assets/images/titleActiveLeftRec.png"
|
||||||
alt=""
|
|
||||||
class="title-active-left"
|
class="title-active-left"
|
||||||
/>
|
/>
|
||||||
<div class="tltlemenu-left">
|
<div class="tltlemenu-left">
|
||||||
|
|
@ -28,7 +27,7 @@
|
||||||
@click="jumpPage(child.index)"
|
@click="jumpPage(child.index)"
|
||||||
:class="{ active: isActive(child.index) }"
|
:class="{ active: isActive(child.index) }"
|
||||||
>
|
>
|
||||||
<div>
|
<div class="el-menu-child-font">
|
||||||
{{ child.title }}
|
{{ child.title }}
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
@ -143,13 +142,10 @@ onMounted(() => {
|
||||||
background: 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%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.menu-items {
|
|
||||||
padding: 0px 15px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-title.active-parent {
|
.active-parent {
|
||||||
/* 设置背景图片 */
|
/* 设置背景图片 */
|
||||||
background-image:
|
background-image:
|
||||||
url("@/assets/images/titleActiveMaskGroup.png"), Linear-gradient(to right, #0876be, #0ea7d500);
|
url("@/assets/images/titleActiveMaskGroup.png"), Linear-gradient(to right, #0876be, #0ea7d500);
|
||||||
|
|
@ -157,7 +153,7 @@ onMounted(() => {
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
position: relative;
|
position: relative;
|
||||||
border: none;
|
border: none;
|
||||||
padding-left: 30px; /* 为左侧图片腾出空间 */
|
padding-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-active-left {
|
.title-active-left {
|
||||||
|
|
@ -172,10 +168,13 @@ onMounted(() => {
|
||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
margin: 12px;
|
margin: 12px 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
.el-menu-child-font {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu-item.active {
|
.el-menu-item.active {
|
||||||
|
|
|
||||||
|
|
@ -188,7 +188,6 @@ defineExpose({ highlightNode })
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
/* background-color: rgba(4, 67, 92, 0.6); */
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user