diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue index 3c93213..72a277a 100644 --- a/src/components/SimpleMenu/src/SimpleMenu.vue +++ b/src/components/SimpleMenu/src/SimpleMenu.vue @@ -194,10 +194,7 @@ @import './index.less'; .jeecg-menu-vertical .jeecg-menu-item:hover, .jeecg-menu-vertical .jeecg-menu-submenu-title:hover { color: #000 !important; - border-radius: 8px; - // background: #c9cacc; - // margin: 10px 20px 0 20px; - // transform: scale(1.02); + border-radius: 8px; } .jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active:not(.jeecg-menu-submenu)::after { background-color: #FBFBFD !important; @@ -206,13 +203,10 @@ background-color: #FBFBFD !important; color: #1890ff !important; border-radius: 8px; - // margin: 0px 20px 0 20px; } .jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active.jeecg-menu-submenu { color: #828284 !important; border-radius: 6px; - padding-bottom: 10px;; - } .jeecg-menu-vertical .jeecg-menu-item, .jeecg-menu-vertical .jeecg-menu-submenu-title { position: relative; @@ -220,12 +214,13 @@ text-overflow: ellipsis; white-space: nowrap; cursor: pointer; - margin-top: 10px; padding: 8px; + padding-left: 10px !important; } .jeecg-menu-item-active>.jeecg-menu-submenu-title{ background: #f7f8fa; border-radius: 6px; + padding-left: 10px !important; } .ant-drawer-close { position: absolute; @@ -239,40 +234,20 @@ position: relative; min-height: 0; } -.jeecg-menu-item-active .jeecg-menu>li>.jeecg-menu-submenu-title{ - padding-left:0 !important; -} +// .jeecg-menu-item-active .jeecg-menu>li>.jeecg-menu-submenu-title{ +// padding-left:0 !important; +// } .jeecg-menu-item-active>.jeecg-menu{ - margin-top:10px; background: #FBFBFD; - // border-radius: 6px; } - .jeecg-menu-submenu .jeecg-simple-menu__parent{ - width:80% !important; - } -.jeecg-menu-submenu, .jeecg-menu-opened, .jeecg-simple-menu__parent .jeecg-menu>.jeecg-menu-submenu,.jeecg-simple-menu__parent{ - margin:5px auto; - padding-left:0 !important; -} -.jeecg-menu-vertical .jeecg-menu-item{ - width: 100%; - padding-left: 18px !important; -} -.jeecg-menu-submenu, .jeecg-menu-opened, .jeecg-simple-menu__parent .jeecg-menu-submenu-title{ - padding-left: 8px !important; -} -.jeecg-menu-item-active .jeecg-menu>li>.jeecg-menu-submenu-title{ - padding-left: 10px !important; -} .jeecg-menu-light .jeecg-menu{ width: 100%; - margin: 5 auto; border-radius: 6px; - padding: 2px 0; >li{ - width: 80%; + width: 92%; margin:5px auto; + padding-left: 10px !important; } }