xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

菜单展开、折叠三级菜单页面问题

Browse Source
This commit is contained in:
baicai
2025-08-13 16:09:34 +08:00
parent 9ad720823a
commit 9a9198b168
4 changed files with 30 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/assets/styles/common.scss
View File

@ -126,28 +126,37 @@
background: #0366c1!important;
}
}
.ems-third-menu{
border-right: none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
height: fit-content;
.el-menu-item{
line-height: 45px;
height: 45px;
padding: 0 !important;
width: 125px;
text-align: center;
}
.el-menu-item:hover{
background: #67b1ff!important;
color:#ffffff!important;
}
.el-menu-item.is-active{
background: #409eff!important;
}
.ems-third-menu-container{
position: relative;
padding-left: 140px;
background-color: #ffffff;
.ems-third-menu{
border-right: none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
height: fit-content;
position: absolute;
top:0;
left:0;
.el-menu-item{
line-height: 45px;
height: 45px;
padding: 0 !important;
width: 125px;
text-align: center;
}
.el-menu-item:hover{
background: #67b1ff!important;
color:#ffffff!important;
}
.el-menu-item.is-active{
background: #409eff!important;
}
}
}
//按钮栏 选中样式
.ems-btns-group{
.activeBtn{

7
src/views/ems/dzjk/clpz/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="ems-dashboard-editor-container clpz-ems-dashboard-editor-container">
<div class="ems-dashboard-editor-container ems-third-menu-container">
<el-menu
class="ems-third-menu"
:default-active="$route.name"
@ -43,11 +43,6 @@ export default {
</script>
<style scoped lang="scss">
.clpz-ems-dashboard-editor-container{
display: flex;
padding:0;
background: #FFFFFF;
}
.clpz-ems-content-container{
margin-top:0;
padding-top:0;

7
src/views/ems/dzjk/sbjk/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="ems-dashboard-editor-container sbjk-ems-dashboard-editor-container">
<div class="ems-dashboard-editor-container ems-third-menu-container">
<el-menu
class="ems-third-menu"
:default-active="$route.name"
@ -42,11 +42,6 @@ export default {
</script>
<style scoped lang="scss">
.sbjk-ems-dashboard-editor-container{
display: flex;
padding:0;
background: #FFFFFF;
}
.sbjk-ems-content-container{
margin-top:0;
padding-top:0;

7
src/views/ems/dzjk/tjbb/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="ems-dashboard-editor-container tjbb-ems-dashboard-editor-container">
<div class="ems-dashboard-editor-container ems-third-menu-container">
<el-menu
class="ems-third-menu"
:default-active="$route.name"
@ -43,11 +43,6 @@ export default {
</script>
<style scoped lang="scss">
.tjbb-ems-dashboard-editor-container{
display: flex;
padding:0;
background: #FFFFFF;
}
.tjbb-ems-content-container{
margin-top:0;
padding-top:0;