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

大法
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-24 00:06:42 +08:00
parent 44fc614a24
commit a89d098ce6
2 changed files with 8 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
css/index.css
View File

@@ -134,62 +134,20 @@
display: contents; /* 让子元素直接参与父级 flex 布局 */
}
/* 登录文字链接 */
/* 登录和注册文字链接 */
#index .no-login .nav-text-link {
padding: 0 16px;
display: flex;
align-items: center;
}
/* 注册按钮 - 与 header 等高 */
#index .btn-register,
#index #registBtn.btn-register {
padding: 0 32px;
color: #CBD5E1;
font-size: 14px;
font-weight: 500;
color: #ffffff;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%);
border: none;
border-left: 1px solid rgba(148, 163, 184, 0.15);
border-radius: 0;
cursor: pointer;
font-weight: 400;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
min-width: 100px;
cursor: pointer;
}
#index .btn-register::before,
#index #registBtn.btn-register::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
#index .btn-register:hover,
#index #registBtn.btn-register:hover {
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
}
#index .btn-register:hover::before,
#index #registBtn.btn-register:hover::before {
opacity: 1;
}
/* 注册按钮文字在最上层 */
#index .btn-register span,
#index #registBtn.btn-register span {
position: relative;
z-index: 1;
#index .no-login .nav-text-link:hover {
color: #38BDF8;
}
/* 已登录状态样式 */
@@ -239,13 +197,6 @@
padding: 0 12px;
font-size: 13px;
}
#index .btn-register,
#index #registBtn.btn-register {
padding: 0 24px;
font-size: 13px;
min-width: 80px;
}
}
/* 首页下拉菜单优化 - 确保高层级 */

3
public/header.html
View File

@@ -35,7 +35,8 @@
<span class="nav-divider">|</span>
<div class="no-login" style="display: none;">
<span class="nav-text-link" id="loginBtn">登录</span>
<div class="btn btn-register" id="registBtn">注册</div>
<span class="nav-divider">|</span>
<span class="nav-text-link" id="registBtn">注册</span>
</div>
<div class="login-in " style="display: none;">
<div id="headImg" class="head-img"></div>