再次优化移动端 banner-list 卡片:减少宽度、增加高度
All checks were successful
continuous-integration/drone/push Build is passing
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:
@@ -2503,11 +2503,11 @@ html {
|
||||
|
||||
#index .no-login .btn.btn-normal-light.mr-10#loginBtn,
|
||||
#index .no-login .btn.btn-normal#registBtn {
|
||||
padding: 0 12px !important;
|
||||
font-size: 11px !important;
|
||||
min-width: 55px !important;
|
||||
height: 32px !important;
|
||||
line-height: 32px !important;
|
||||
padding: 0 10px !important;
|
||||
font-size: 10px !important;
|
||||
min-width: 45px !important;
|
||||
height: 28px !important;
|
||||
line-height: 28px !important;
|
||||
}
|
||||
|
||||
/* ===== Banner 区域 - 大幅缩小 ===== */
|
||||
@@ -2555,12 +2555,12 @@ html {
|
||||
/* ===== Banner 快速入口 - 四宫格布局(2列×2行) ===== */
|
||||
.banner .banner-s {
|
||||
margin-top: 12px;
|
||||
padding: 12px 8px;
|
||||
padding: 10px 6px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.banner .banner-s .banner-list {
|
||||
gap: 8px !important;
|
||||
gap: 6px !important;
|
||||
display: grid !important;
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
width: 100% !important;
|
||||
@@ -2568,14 +2568,14 @@ html {
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item {
|
||||
padding: 12px 14px !important;
|
||||
padding: 10px 10px !important;
|
||||
gap: 8px !important;
|
||||
flex: none !important;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
text-align: left !important;
|
||||
min-height: 70px !important;
|
||||
min-height: 85px !important;
|
||||
max-height: none !important;
|
||||
justify-content: flex-start !important;
|
||||
border-radius: 0 !important;
|
||||
@@ -2587,10 +2587,10 @@ html {
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item .banner-item-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-bottom: 0;
|
||||
margin-right: 10px;
|
||||
margin-right: 8px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -2604,14 +2604,14 @@ html {
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item h5 {
|
||||
font-size: 12px !important;
|
||||
font-size: 11px !important;
|
||||
margin-bottom: 0 !important;
|
||||
line-height: 1.3;
|
||||
color: #E5E7EB;
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item .title-desc {
|
||||
font-size: 10px !important;
|
||||
font-size: 9px !important;
|
||||
line-height: 1.3;
|
||||
margin: 0 !important;
|
||||
color: rgba(203, 213, 225, 0.8);
|
||||
@@ -2976,7 +2976,7 @@ html {
|
||||
line-height: 28px !important;
|
||||
}
|
||||
|
||||
/* ===== Banner - 极简版 ===== */
|
||||
/* ===== Banner ===== */
|
||||
.banner-cont .swiper-slide {
|
||||
height: 240px !important;
|
||||
}
|
||||
@@ -3018,7 +3018,7 @@ html {
|
||||
|
||||
.banner-s .banner-list .banner-item {
|
||||
padding: 10px 12px !important;
|
||||
min-height: 65px !important;
|
||||
min-height: 85px !important;
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item .banner-item-icon {
|
||||
@@ -3300,7 +3300,7 @@ html {
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
text-align: left !important;
|
||||
max-height: 60px !important;
|
||||
min-height: 70px !important;
|
||||
justify-content: flex-start !important;
|
||||
border-radius: 0 !important;
|
||||
width: auto !important;
|
||||
@@ -3322,7 +3322,7 @@ html {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
gap: 3px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -3335,7 +3335,7 @@ html {
|
||||
}
|
||||
|
||||
.banner-s .banner-list .banner-item .title-desc {
|
||||
font-size: 8px !important;
|
||||
font-size: 9px !important;
|
||||
line-height: 1.2;
|
||||
margin: 0 !important;
|
||||
color: rgba(203, 213, 225, 0.8);
|
||||
@@ -3448,7 +3448,7 @@ html {
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
text-align: left !important;
|
||||
min-height: 65px !important;
|
||||
min-height: 75px !important;
|
||||
justify-content: flex-start !important;
|
||||
border-radius: 0 !important;
|
||||
width: auto !important;
|
||||
|
||||
Reference in New Issue
Block a user