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
2025-12-26 14:53:30 +08:00
parent 9ea0ccce53
commit a029ccf83b
3 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
css/index.css
View File

@@ -210,10 +210,19 @@
opacity: 1;
}
/* ============================================
移动端导航优化
============================================ */
#index .no-login .btn.btn-normal#registBtn:hover::after {
opacity: 1;
}
/* 注册按钮图标 - 默认隐藏 (桌面端) */
.regist-icon {
width: 16px;
height: 16px;
margin-right: 4px;
display: none;
}
移动端导航优化============================================*/
/* 移动端响应式优化 */
@media (max-width: 768px) {
@@ -256,7 +265,7 @@
/* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
#index .no-login .btn.btn-normal#registBtn {
padding: 0 24px !important;
padding: 0 40px !important;
font-size: 15px !important;
min-width: auto !important;
border-radius: 0 !important;
@@ -273,7 +282,12 @@
/* Remove any potential vertical margin */
}
/* 移动端注册按钮图标隐藏 */
/* 移动端注册按钮图标显示 */
#index .no-login .btn.btn-normal#registBtn .regist-icon {
display: block;
}
/* 移动端注册按钮图标隐藏 - 旧样式移除 */
#index .no-login .btn.btn-normal#registBtn::before {
display: none;
}
@@ -3535,8 +3549,9 @@ html {
display: none !important;
}
/* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
#index .no-login .btn.btn-normal#registBtn {
padding: 0 10px !important;
padding: 0 40px !important;
font-size: 10px !important;
min-width: auto !important;
height: 100% !important;
@@ -3551,9 +3566,16 @@ html {
box-sizing: border-box !important;
}
/* 移动端注册按钮图标显示 */
#index .no-login .btn.btn-normal#registBtn .regist-icon {
display: block;
width: 12px;
height: 12px;
}
/* 移动端注册按钮图标隐藏 - 旧样式移除 */
#index .no-login .btn.btn-normal#registBtn::before {
width: 12px !important;
height: 12px !important;
display: none;
}
/* 汉堡菜单按钮样式 - 放在左侧（order: 3） */
@@ -4035,8 +4057,9 @@ html {
display: none !important;
}
/* 调整移动端注册按钮样式 - 长方形无圆角，撑满导航栏高度 */
#index .no-login .btn.btn-normal#registBtn {
padding: 0 8px !important;
padding: 0 35px !important;
font-size: 9px !important;
min-width: auto !important;
height: 100% !important;
@@ -4051,9 +4074,16 @@ html {
box-sizing: border-box !important;
}
/* 移动端注册按钮图标显示 */
#index .no-login .btn.btn-normal#registBtn .regist-icon {
display: block;
width: 10px;
height: 10px;
}
/* 移动端注册按钮图标隐藏 - 旧样式移除 */
#index .no-login .btn.btn-normal#registBtn::before {
width: 10px !important;
height: 10px !important;
display: none;
}
/* 汉堡菜单按钮样式 - 放在左侧（order: 3） */