68 lines
2.5 KiB
PHP
68 lines
2.5 KiB
PHP
<?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">×</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>
|