Browse Source

♻️ refactor(home): replace navigation buttons with anchor tags

- 将"文件管理"按钮替换为a标签,使用href="/admin/files"实现导航
- 将主操作按钮替换为a标签,根据用户状态动态设置href属性
- 将"管理后台"按钮替换为a标签,使用href="/admin"实现导航
- 移除原按钮的onClick导航事件处理逻辑
yourname 4 months ago
parent
commit
99b21da4b8
1 changed files with 9 additions and 9 deletions
  1. 9 9
      src/client/home/pages/HomePage.tsx

+ 9 - 9
src/client/home/pages/HomePage.tsx

@@ -22,12 +22,12 @@ const HomePage: React.FC = () => {
           
           {user ? (
             <div className="flex items-center space-x-4">
-              <button 
-                onClick={() => navigate('/admin/files')}
+              <a
+                href="/admin/files"
                 className="text-sm text-gray-600 hover:text-blue-600 transition-colors"
               >
                 文件管理
-              </button>
+              </a>
               <div className="flex items-center cursor-pointer hover:bg-gray-50 rounded-lg px-3 py-2 transition-colors" onClick={() => navigate(`/member`)}>
                 <div className="w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-purple-500 flex items-center justify-center mr-2">
                   <span className="text-white text-sm font-medium">{user.username.charAt(0).toUpperCase()}</span>
@@ -68,18 +68,18 @@ const HomePage: React.FC = () => {
           </p>
           
           <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            <button 
-              onClick={() => user ? navigate('/admin/files') : navigate('/register')}
+            <a
+              href={user ? '/admin/files' : '/register'}
               className="px-8 py-3 rounded-lg bg-gradient-to-r from-blue-600 to-purple-600 text-white font-medium hover:from-blue-700 hover:to-purple-700 transition-all shadow-lg hover:shadow-xl"
             >
               {user ? '进入文件管理' : '立即开始使用'}
-            </button>
-            <button 
-              onClick={() => navigate('/admin')}
+            </a>
+            <a
+              href="/admin"
               className="px-8 py-3 rounded-lg border border-gray-300 text-gray-700 font-medium hover:bg-gray-50 transition-colors"
             >
               管理后台
-            </button>
+            </a>
           </div>
         </div>