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

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

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

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

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

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

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