v1.0.0提交

sidebar.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * PerToolBox Front - 左侧侧边栏
+ * 
+ * Copyright (C) 2024 Sea Network Technology Studio
+ * Author: Canglan <admin@sea-studio.top>
+ * License: AGPL v3
+ */
+?>
+<!-- 汉堡按钮（移动端显示） -->
+<button id="menuBtn" class="fixed top-4 left-4 z-30 md:hidden bg-blue-600 text-white p-2 rounded-lg shadow-lg">
+    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+    </svg>
+</button>
+
+<!-- 侧边栏 -->
+<aside id="sidebar" class="sidebar">
+    <div class="sidebar-header">
+        <div class="flex items-center justify-between">
+            <span class="text-2xl font-bold text-white"><?php echo SITE_NAME; ?></span>
+            <button id="closeSidebar" class="md:hidden text-white text-2xl">&times;</button>
+        </div>
+        <p class="text-gray-300 text-sm mt-2">个人工具箱</p>
+    </div>
+    
+    <nav class="sidebar-nav">
+        <a href="/" class="sidebar-link">
+            <span class="text-xl">🏠</span> 首页
+        </a>
+        <a href="/pages/todos.php" class="sidebar-link">
+            <span class="text-xl">✅</span> 待办事项
+        </a>
+        <a href="/pages/notes.php" class="sidebar-link">
+            <span class="text-xl">📝</span> 便签本
+        </a>
+        <a href="/pages/password.php" class="sidebar-link">
+            <span class="text-xl">🔑</span> 密码生成
+        </a>
+        <a href="/pages/qrcode.php" class="sidebar-link">
+            <span class="text-xl">📱</span> 二维码
+        </a>
+        <a href="/pages/crypto.php" class="sidebar-link">
+            <span class="text-xl">🔒</span> 加密工具
+        </a>
+        <a href="/pages/json.php" class="sidebar-link">
+            <span class="text-xl">📋</span> JSON校验
+        </a>
+    </nav>
+    
+    <div class="sidebar-footer">
+        <div id="userInfo" class="mb-4">
+            <!-- 动态显示用户信息 -->
+        </div>
+        <a href="/profile.php" id="profileLink" class="sidebar-link" style="display: none;">
+            <span class="text-xl">👤</span> 个人中心
+        </a>
+        <a href="#" id="logoutBtn" class="sidebar-link text-red-300 hover:text-red-200" style="display: none;">
+            <span class="text-xl">🚪</span> 退出登录
+        </a>
+        <a href="/login.php" id="loginLink" class="sidebar-link">
+            <span class="text-xl">🔐</span> 登录/注册
+        </a>
+    </div>
+</aside>
+
+<!-- 遮罩层 -->
+<div id="overlay" class="overlay"></div>