feat(ui): 在所有页面导航栏添加统一logo

为增强品牌一致性,在所有页面的导航栏左侧添加了统一的logo图标,并应用统一的圆角样式。同时在全局样式中添加了圆角变量定义。
This commit is contained in:
2025-07-12 17:03:42 +08:00
parent 23d3c1e0d7
commit b8fb7a6b5b
20 changed files with 24 additions and 1 deletions

View File

@@ -49,6 +49,7 @@
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light blur-bg fixed-top">
<div class="container">
<a href="/index.php"><img src="/favicon.jpeg" alt="Logo" style="height: 30px; margin-right: 10px; border-radius: var(--border-radius);"></a>
<a class="navbar-brand" href="/index.php"><?php echo APP_STORE_NAME; ?></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>

View File

@@ -15,7 +15,8 @@ if (!isset($conn) || !$conn instanceof mysqli) {
<link rel="stylesheet" href="../styles.css">
<!-- Fluent Design 模糊效果 -->
<!-- Bootstrap JS Bundle with Popper -->
<script src="../js/bootstrap.bundle.js"></script> <style> .blur-bg { backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.5); } </style></head><body class="page-transition"> <!-- 导航栏 --> <nav class="navbar navbar-expand-lg navbar-light blur-bg"> <div class="container"> <a class="navbar-brand" href="#"><?php echo APP_STORE_NAME; ?></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="../index.php">首页</a> </li> <?php if (isset($_SESSION['admin'])): ?> <li class="nav-item"> <a class="nav-link" href="../admin/">管理</a> </li> <?php endif; ?> <li class="nav-item"> <a class="nav-link" href="../tags.php">标签</a> </li> <?php if (isset($_SESSION['developer_id'])): ?> <li class="nav-item"> <a class="nav-link" href="../developer/dashboard.php">进入面板</a> </li> <?php else: ?> <li class="nav-item"> <a class="nav-link" href="../developer/register.php">开发者注册</a> </li> <li class="nav-item"> <a class="nav-link" href="../developer/login.php">开发者登录</a> </li> <?php endif; ?> </ul> </div> </div> </nav> <div class="container mt-4">
<script src="../js/bootstrap.bundle.js"></script> <style> .blur-bg { backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.5); } </style></head><body class="page-transition"> <!-- 导航栏 --> <nav class="navbar navbar-expand-lg navbar-light blur-bg"> <div class="container"> <a href="../index.php"><img src="/favicon.jpeg" alt="Logo" style="height: 30px; margin-right: 10px; border-radius: var(--border-radius);"></a>
<a class="navbar-brand" href="#"><?php echo APP_STORE_NAME; ?></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="../index.php">首页</a> </li> <?php if (isset($_SESSION['admin'])): ?> <li class="nav-item"> <a class="nav-link" href="../admin/">管理</a> </li> <?php endif; ?> <li class="nav-item"> <a class="nav-link" href="../tags.php">标签</a> </li> <?php if (isset($_SESSION['developer_id'])): ?> <li class="nav-item"> <a class="nav-link" href="../developer/dashboard.php">进入面板</a> </li> <?php else: ?> <li class="nav-item"> <a class="nav-link" href="../developer/register.php">开发者注册</a> </li> <li class="nav-item"> <a class="nav-link" href="../developer/login.php">开发者登录</a> </li> <?php endif; ?> </ul> </div> </div> </nav> <div class="container mt-4">
<h1>隐私政策</h1>
<h2>引言</h2>