This commit is contained in:
@@ -134,16 +134,16 @@
|
|||||||
display: contents; /* 让子元素直接参与父级 flex 布局 */
|
display: contents; /* 让子元素直接参与父级 flex 布局 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 注册文字链接 */
|
/* 登录文字链接 */
|
||||||
#index .no-login .nav-text-link {
|
#index .no-login .nav-text-link {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 登录按钮 - 与 header 等高 */
|
/* 注册按钮 - 与 header 等高 */
|
||||||
#index .btn-login,
|
#index .btn-register,
|
||||||
#index #loginBtn {
|
#index #registBtn.btn-register {
|
||||||
padding: 0 32px;
|
padding: 0 32px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -162,8 +162,8 @@
|
|||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .btn-login::before,
|
#index .btn-register::before,
|
||||||
#index #loginBtn::before {
|
#index #registBtn.btn-register::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -175,19 +175,19 @@
|
|||||||
transition: opacity 0.3s ease;
|
transition: opacity 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .btn-login:hover,
|
#index .btn-register:hover,
|
||||||
#index #loginBtn:hover {
|
#index #registBtn.btn-register:hover {
|
||||||
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
|
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .btn-login:hover::before,
|
#index .btn-register:hover::before,
|
||||||
#index #loginBtn:hover::before {
|
#index #registBtn.btn-register:hover::before {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 登录按钮文字在最上层 */
|
/* 注册按钮文字在最上层 */
|
||||||
#index .btn-login span,
|
#index .btn-register span,
|
||||||
#index #loginBtn span {
|
#index #registBtn.btn-register span {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
@@ -240,8 +240,8 @@
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .btn-login,
|
#index .btn-register,
|
||||||
#index #loginBtn {
|
#index #registBtn.btn-register {
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
min-width: 80px;
|
min-width: 80px;
|
||||||
|
|||||||
@@ -34,9 +34,8 @@
|
|||||||
<a href="/home.htm" class="nav-text-link">控制台</a>
|
<a href="/home.htm" class="nav-text-link">控制台</a>
|
||||||
<span class="nav-divider">|</span>
|
<span class="nav-divider">|</span>
|
||||||
<div class="no-login" style="display: none;">
|
<div class="no-login" style="display: none;">
|
||||||
<span class="nav-text-link" id="registBtn">注册</span>
|
<span class="nav-text-link" id="loginBtn">登录</span>
|
||||||
<span class="nav-divider">|</span>
|
<div class="btn btn-register" id="registBtn">注册</div>
|
||||||
<div class="btn btn-login" id="loginBtn">登录</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="login-in " style="display: none;">
|
<div class="login-in " style="display: none;">
|
||||||
<div id="headImg" class="head-img"></div>
|
<div id="headImg" class="head-img"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user