v1.0.0提交
This commit is contained in:
68
sidebar.php
Normal file
68
sidebar.php
Normal file
@@ -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">×</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>
|
||||
Reference in New Issue
Block a user