再次优化移动端 banner-list 卡片:减少宽度、增加高度
All checks were successful
continuous-integration/drone/push Build is passing

banner-list 卡片调整:
- 767px:gap 8→6px,padding 12→10px,min-height 70→85px
- 575px:min-height 65→85px
- 480px:max-height→min-height 70px
- 360px:min-height 75px
- icon 调小,间距调整,字号优化

优化移动端登录按钮(767px):
- padding 12→10px,字号 11→10px
- min-width 55→45px,height 32→28px
- 解决按钮占用过多空间问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-12-16 15:20:26 +08:00
parent 97d744defb
commit ffb4ed2199

View File

@@ -2503,11 +2503,11 @@ html {
#index .no-login .btn.btn-normal-light.mr-10#loginBtn, #index .no-login .btn.btn-normal-light.mr-10#loginBtn,
#index .no-login .btn.btn-normal#registBtn { #index .no-login .btn.btn-normal#registBtn {
padding: 0 12px !important; padding: 0 10px !important;
font-size: 11px !important; font-size: 10px !important;
min-width: 55px !important; min-width: 45px !important;
height: 32px !important; height: 28px !important;
line-height: 32px !important; line-height: 28px !important;
} }
/* ===== Banner 区域 - 大幅缩小 ===== */ /* ===== Banner 区域 - 大幅缩小 ===== */
@@ -2555,12 +2555,12 @@ html {
/* ===== Banner 快速入口 - 四宫格布局2列×2行 ===== */ /* ===== Banner 快速入口 - 四宫格布局2列×2行 ===== */
.banner .banner-s { .banner .banner-s {
margin-top: 12px; margin-top: 12px;
padding: 12px 8px; padding: 10px 6px;
background: transparent; background: transparent;
} }
.banner .banner-s .banner-list { .banner .banner-s .banner-list {
gap: 8px !important; gap: 6px !important;
display: grid !important; display: grid !important;
grid-template-columns: repeat(2, 1fr) !important; grid-template-columns: repeat(2, 1fr) !important;
width: 100% !important; width: 100% !important;
@@ -2568,14 +2568,14 @@ html {
} }
.banner-s .banner-list .banner-item { .banner-s .banner-list .banner-item {
padding: 12px 14px !important; padding: 10px 10px !important;
gap: 8px !important; gap: 8px !important;
flex: none !important; flex: none !important;
display: flex !important; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
align-items: center !important; align-items: center !important;
text-align: left !important; text-align: left !important;
min-height: 70px !important; min-height: 85px !important;
max-height: none !important; max-height: none !important;
justify-content: flex-start !important; justify-content: flex-start !important;
border-radius: 0 !important; border-radius: 0 !important;
@@ -2587,10 +2587,10 @@ html {
} }
.banner-s .banner-list .banner-item .banner-item-icon { .banner-s .banner-list .banner-item .banner-item-icon {
width: 32px; width: 30px;
height: 32px; height: 30px;
margin-bottom: 0; margin-bottom: 0;
margin-right: 10px; margin-right: 8px;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -2604,14 +2604,14 @@ html {
} }
.banner-s .banner-list .banner-item h5 { .banner-s .banner-list .banner-item h5 {
font-size: 12px !important; font-size: 11px !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
line-height: 1.3; line-height: 1.3;
color: #E5E7EB; color: #E5E7EB;
} }
.banner-s .banner-list .banner-item .title-desc { .banner-s .banner-list .banner-item .title-desc {
font-size: 10px !important; font-size: 9px !important;
line-height: 1.3; line-height: 1.3;
margin: 0 !important; margin: 0 !important;
color: rgba(203, 213, 225, 0.8); color: rgba(203, 213, 225, 0.8);
@@ -2976,7 +2976,7 @@ html {
line-height: 28px !important; line-height: 28px !important;
} }
/* ===== Banner - 极简版 ===== */ /* ===== Banner ===== */
.banner-cont .swiper-slide { .banner-cont .swiper-slide {
height: 240px !important; height: 240px !important;
} }
@@ -3018,7 +3018,7 @@ html {
.banner-s .banner-list .banner-item { .banner-s .banner-list .banner-item {
padding: 10px 12px !important; padding: 10px 12px !important;
min-height: 65px !important; min-height: 85px !important;
} }
.banner-s .banner-list .banner-item .banner-item-icon { .banner-s .banner-list .banner-item .banner-item-icon {
@@ -3300,7 +3300,7 @@ html {
flex-direction: row !important; flex-direction: row !important;
align-items: center !important; align-items: center !important;
text-align: left !important; text-align: left !important;
max-height: 60px !important; min-height: 70px !important;
justify-content: flex-start !important; justify-content: flex-start !important;
border-radius: 0 !important; border-radius: 0 !important;
width: auto !important; width: auto !important;
@@ -3322,7 +3322,7 @@ html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 2px; gap: 3px;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
@@ -3335,7 +3335,7 @@ html {
} }
.banner-s .banner-list .banner-item .title-desc { .banner-s .banner-list .banner-item .title-desc {
font-size: 8px !important; font-size: 9px !important;
line-height: 1.2; line-height: 1.2;
margin: 0 !important; margin: 0 !important;
color: rgba(203, 213, 225, 0.8); color: rgba(203, 213, 225, 0.8);
@@ -3448,7 +3448,7 @@ html {
flex-direction: row !important; flex-direction: row !important;
align-items: center !important; align-items: center !important;
text-align: left !important; text-align: left !important;
min-height: 65px !important; min-height: 75px !important;
justify-content: flex-start !important; justify-content: flex-start !important;
border-radius: 0 !important; border-radius: 0 !important;
width: auto !important; width: auto !important;