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

This commit is contained in:
2025-08-13 16:09:34 +08:00
parent 9ad720823a
commit 9a9198b168
4 changed files with 30 additions and 36 deletions

View File

@ -126,10 +126,17 @@
background: #0366c1!important; background: #0366c1!important;
} }
} }
.ems-third-menu-container{
position: relative;
padding-left: 140px;
background-color: #ffffff;
.ems-third-menu{ .ems-third-menu{
border-right: none; border-right: none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
height: fit-content; height: fit-content;
position: absolute;
top:0;
left:0;
.el-menu-item{ .el-menu-item{
line-height: 45px; line-height: 45px;
height: 45px; height: 45px;
@ -146,6 +153,8 @@
} }
} }
}
//按钮栏 选中样式 //按钮栏 选中样式

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;

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;

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;