feat: 为注册按钮添加礼品图标并优化其在移动端的显示样式
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
yiqiu
1
assets/img/header/liwu.svg
Normal file
1
assets/img/header/liwu.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1766731744277" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7047" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M836.345598 257.721713l-28.427446 0c14.415314-24.441669 20.741393-47.75463 18.720364-69.379137-1.677199-18.098193-10.254551-43.982724-41.686425-64.611553-26.059516-17.143449-59.57177-21.348214-96.751554-12.059664-60.292178 15.137769-131.649366 67.180052-178.566932 130.073474C462.687386 178.852434 391.387503 126.809127 331.096349 111.671359c-37.210483-9.348925-70.751391-5.114484-96.807836 12.059664-31.404244 20.62883-39.983643 46.51336-41.659819 64.611553-2.02103 21.624507 4.246721 44.937468 18.720364 69.379137l-28.427446 0c-43.043329 0-78.073146 35.056424-78.073146 78.132498l0 100.636025c0 34.075073 22.474874 64.190975 54.991452 74.30431-3.090385 8.550747-4.708232 17.390066-4.708232 26.347065l0 301.923424c0 43.046399 35.069727 78.117149 78.117149 78.117149l552.85857 0c43.044352 0 78.05882-35.069727 78.05882-78.117149L864.166223 537.140587c0-9.014304-1.558495-17.882276-4.649903-26.376741 32.468482-10.169617 54.890144-40.285518 54.890144-74.274634l0-100.609419C914.405441 292.806789 879.390973 257.721713 836.345598 257.721713M786.10638 861.540931 537.426601 861.540931 537.426601 514.636037l248.680802 0c12.394285 0 22.445198 10.110265 22.445198 22.50455l0 301.923424C808.551578 851.459319 798.500665 861.540931 786.10638 861.540931M568.049039 257.721713c39.549761-45.61899 91.462085-81.468476 133.614114-92.043323 21.896706-5.487991 39.807634-3.985778 52.780087 4.565992 13.781888 9.055237 16.23373 17.129122 16.785292 23.227004 2.192945 22.35924-21.784142 52.504818-33.108049 64.250326L568.049039 257.721713zM858.763167 335.880817l0 100.609419c0 12.394285-10.024308 22.473851-22.417569 22.473851L537.426601 458.964086 537.426601 313.390593l298.918997 0C848.738859 313.390593 858.763167 323.488579 858.763167 335.880817M481.812979 514.636037l0 346.904894L233.24781 861.540931c-12.423961 0-22.477944-10.082636-22.477944-22.476921L210.769866 537.140587c0-12.394285 10.053983-22.50455 22.477944-22.50455L481.812979 514.636037zM248.039701 193.471386c0.547469-6.097882 3.03308-14.172791 16.756639-23.227004 12.882402-8.55177 30.794353-10.127661 52.809763-4.565992 41.917692 10.515494 93.773733 46.36805 133.410476 92.043323L281.088398 257.721713C270.948457 247.451812 245.81401 216.366839 248.039701 193.471386M160.445714 335.880817c0-12.391215 10.053983-22.490224 22.474874-22.490224l298.891368 0 0 145.573493L182.920588 458.964086c-12.420891 0-22.474874-10.079566-22.474874-22.473851L160.445714 335.880817z" fill="#ffffff" p-id="7048"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
@@ -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） */
|
||||
|
||||
@@ -36,7 +36,10 @@
|
||||
<div class="no-login nav-desktop-link d-none">
|
||||
<span class="nav-text-link" id="loginBtn">登录</span>
|
||||
<span class="nav-divider">|</span>
|
||||
<div class="btn btn-normal" id="registBtn"><span class="regist-text">立即注册</span></div>
|
||||
<div class="btn btn-normal" id="registBtn">
|
||||
<img src="/web/BlackFruit-web/assets/img/header/liwu.svg" class="regist-icon" alt="Gift">
|
||||
<span class="regist-text">立即注册</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-in nav-desktop-link d-none">
|
||||
<div id="headImg" class="head-img"></div>
|
||||
|
||||
Reference in New Issue
Block a user