diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js index f0d7ee3..f397ec9 100644 --- a/src/assets/iconfont/iconfont.js +++ b/src/assets/iconfont/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_4525204='',(l=>{var c=(a=(a=document.getElementsByTagName("script"))[a.length-1]).getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var o,h,i,t,s,e=function(c,a){a.parentNode.insertBefore(c,a)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}o=function(){var c,a=document.createElement("div");a.innerHTML=l._iconfont_svg_string_4525204,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(c=document.body).firstChild?e(a,c.firstChild):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),o()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(i=o,t=l.document,s=!1,m(),t.onreadystatechange=function(){"complete"==t.readyState&&(t.onreadystatechange=null,v())})}function v(){s||(s=!0,i())}function m(){try{t.documentElement.doScroll("left")}catch(c){return void setTimeout(m,50)}v()}})(window); \ No newline at end of file +window._iconfont_svg_string_5001462='',(M=>{var l=(z=(z=document.getElementsByTagName("script"))[z.length-1]).getAttribute("data-injectcss"),z=z.getAttribute("data-disable-injectsvg");if(!z){var h,t,a,v,c,p=function(l,z){z.parentNode.insertBefore(l,z)};if(l&&!M.__iconfont__svg__cssinject__){M.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(l){console&&console.log(l)}}h=function(){var l,z=document.createElement("div");z.innerHTML=M._iconfont_svg_string_5001462,(z=z.getElementsByTagName("svg")[0])&&(z.setAttribute("aria-hidden","true"),z.style.position="absolute",z.style.width=0,z.style.height=0,z.style.overflow="hidden",z=z,(l=document.body).firstChild?p(z,l.firstChild):l.appendChild(z))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),h()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(a=h,v=M.document,c=!1,d(),v.onreadystatechange=function(){"complete"==v.readyState&&(v.onreadystatechange=null,o())})}function o(){c||(c=!0,a())}function d(){try{v.documentElement.doScroll("left")}catch(l){return void setTimeout(d,50)}o()}})(window); \ No newline at end of file diff --git a/src/components/Sidebar/index.css b/src/components/Sidebar/index.css index 1c3ca1c..0d1c5ee 100644 --- a/src/components/Sidebar/index.css +++ b/src/components/Sidebar/index.css @@ -65,45 +65,49 @@ align-items: center; flex-direction: column; - .sidebar-menu-title { + .sidebar-menu-item-wrapper { width: 100%; - height: 36px; - text-align: left; - line-height: 36px; - color: #bfbfbf; - font-size: 14px; - font-weight: 400; - } - .sidebar-menu-item-active { - background-color: #e8f3ff; - - .sidebar-menu-icon { - color: #0275f2 !important; - } - .sidebar-menu-text { - color: #0275f2 !important; - } - } - - .sidebar-menu-item { - width: 100%; - height: 40px; - display: flex; - justify-content: flex-start; - align-items: center; - border-radius: 8px; - cursor: pointer; - - .sidebar-menu-icon { - margin: 0 10px; - font-size: 20px; - } - .sidebar-menu-text { - margin-left: 10px; - font-size: 16px; + .sidebar-menu-title { + width: 100%; + height: 36px; + text-align: left; + line-height: 36px; + color: #bfbfbf; + font-size: 14px; font-weight: 400; - color: #616065; + } + + .sidebar-menu-item-active { + background-color: #e8f3ff; + + .sidebar-menu-icon { + color: #0275f2 !important; + } + .sidebar-menu-text { + color: #0275f2 !important; + } + } + + .sidebar-menu-item { + width: 100%; + height: 40px; + display: flex; + justify-content: flex-start; + align-items: center; + border-radius: 8px; + cursor: pointer; + + .sidebar-menu-icon { + margin: 0 10px; + font-size: 20px; + } + .sidebar-menu-text { + margin-left: 10px; + font-size: 16px; + font-weight: 400; + color: #616065; + } } } } @@ -165,18 +169,21 @@ opacity: 0; transition: opacity 0.3s ease; } - .sidebar-menu-item { - justify-content: center; + .sidebar-menu-item-wrapper { + .sidebar-menu-item { + justify-content: center; - .sidebar-menu-icon { - margin: 0; - } - .sidebar-menu-text { - opacity: 0; - transform: translateX(-10px); - pointer-events: none; - transition: opacity 0.3s ease, transform 0.3s ease; - width: 0; + .sidebar-menu-icon { + margin: 0; + } + .sidebar-menu-text { + opacity: 0; + transform: translateX(-10px); + pointer-events: none; + transition: opacity 0.3s ease, transform 0.3s ease; + width: 0; + display: none; + } } } } diff --git a/src/components/Sidebar/index.jsx b/src/components/Sidebar/index.jsx index 5629086..757e470 100644 --- a/src/components/Sidebar/index.jsx +++ b/src/components/Sidebar/index.jsx @@ -44,10 +44,8 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => { {routes .filter((item) => item.showMenu) ?.map((item) => ( - <> -
- {item.name} -
+{item.name}
{item.routes ?.filter((i) => i.showMenuItem) ?.map((j) => ( @@ -60,14 +58,11 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => { key={j.path} onClick={() => handleNavClick(j.path)} > -