数据演示对话框

hongjli

2025-04-09 8ecc92be2e638f40b9b006535af0209f5b7c152d

 src/components/layout/Navbar.tsx

@@ -30,6 +30,10 @@
          ? 'bg-gradient-to-r from-[#1E2B63]/95 to-[#0A1033]/95 backdrop-blur-md shadow-lg py-2' 
          : 'bg-gradient-to-r from-[#1E2B63] to-[#0A1033] py-2'
      }`}
      style={{
        width: '1260px',
        height: '64px'
      }}
    >
      {/* AI科技感背景效果层 - 调整为更明显但不干扰交互 */}
      <div className="absolute inset-0 overflow-hidden pointer-events-none">
@@ -90,7 +94,7 @@
        <div className="flex items-center justify-between">
          {/* Logo区域 */}
          <div className="flex-shrink-0 relative z-10 group">
            <Link href="/" className="flex items-center">
            <a href="/" className="flex items-center">
              {/* Logo主体 */}
              <div className="flex items-center">
                <div className="relative w-11 h-11">
@@ -120,7 +124,7 @@
                  </h1>
                </div>
              </div>
            </Link>
            </a>
          </div>

          {/* 红框中的动态科技感圆圈 - 更柔和的颜色 */}
@@ -153,7 +157,7 @@

          {/* 导航菜单 - 增加z-index确保在动效之上 */}
          <div className="hidden md:flex items-center space-x-8 relative z-20">
            <Link 
            <a 
              href="/ai-scene" 
              className="relative px-3 py-2 text-sm font-medium"
              onMouseEnter={() => setActiveMenu('ai-scene')}
@@ -162,7 +166,7 @@
              <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'ai-scene' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>AI场景模拟</span>
              <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent
                transition-all duration-300 ${activeMenu === 'ai-scene' ? 'w-full' : 'w-0'}`}></span>
            </Link>
            </a>
            
            <Link 
              href="/chat" 
@@ -263,13 +267,13 @@
      >
        <div className="p-3 space-y-1 bg-gradient-to-b from-[#1E2B63] to-[#0A1033] 
          border-t border-[#6ADBFF]/10">
          <Link 
          <a 
            href="/ai-scene" 
            className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] 
              hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200"
          >
            AI场景模拟
          </Link>
          </a>
          
          <Link 
            href="/chat"