+
{section.label}
{items.map(item => {
@@ -58,20 +58,19 @@ export default function Layout() {
return (
navigate(`/${item.id}`)}
+ onClick={() => navigate('/' + item.id)}
+ className={
+ 'flex items-center mx-2 px-3 py-2 rounded-lg cursor-pointer transition-all duration-150 relative text-[13px] '
+ + (isActive
+ ? 'bg-blue-500/10 text-blue-400 font-medium'
+ : 'text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)]')
+ }
>
{isActive && (
-
+
)}
-
-
{item.label}
+
+
{item.label}
);
})}
@@ -79,56 +78,46 @@ export default function Layout() {
);
})}
-
- {/* 底部 */}
-
-
-
- {user.avatar}
-
-
-
{user.username}
-
{user.roleName}
-
-
-
-
{/* 主内容区 */}
{/* 顶部栏 */}
-