yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 已登录状态只保留胶囊式控制台按钮, 去掉头像和用户名
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2026-03-20 20:29:12 +08:00
parent d5d293b1d0
commit 36efcd9979
2 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
css/common.css
View File

@@ -112,6 +112,34 @@ header:hover {
color: #38BDF8;
}
/* ============================================
控制台按钮 - 胶囊样式
============================================ */
.console-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 24px;
border-radius: 999px;
background: linear-gradient(135deg, #165DFF, #3B82F6);
color: #fff;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(22, 93, 255, 0.3);
letter-spacing: 1px;
}
.console-btn:hover {
background: linear-gradient(135deg, #0D47D9, #2563EB);
box-shadow: 0 4px 16px rgba(22, 93, 255, 0.45);
transform: translateY(-1px);
color: #fff;
text-decoration: none;
}
/* ============================================
登录注册区域 - 撑满高度设计
============================================ */

14
public/header.html
View File

@@ -44,19 +44,7 @@
</div>
<!-- 已登录状态 -->
<div class="login-in nav-desktop-link d-none">
<a href="/home.htm" class="nav-text-link" data-i18n="nav_console">控制台</a>
<span class="nav-divider">|</span>
<div id="headImg" class="head-img"></div>
<span class="ml-10 font-el1 name" id="username"></span>
<div class="login-menu animated fadeIn">
<div class="login-menu-item" id="accountBtn"><span data-i18n="menu_account">账户信息</span>
<span class="no-real-name real-name" id="noCertification" data-i18n="menu_not_certified">未实名</span>
<span class="real-name d-none" id="isCertification" data-i18n="menu_certified">已实名</span>
</div>
<div class="login-menu-item" id="financeBtn" data-i18n="menu_unpaid">未付款订单</div>
<div class="login-menu-item" id="ticketBtn" data-i18n="menu_ticket">我的工单</div>
<div class="login-menu-item" id="logout" data-i18n="menu_logout">退出账户</div>
</div>
<a href="/home.htm" class="console-btn" data-i18n="nav_console">控制台</a>
</div>
<!-- 移动端汉堡菜单按钮 -->
<button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Toggle navigation">