jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大家都在关注 6 条改固定三栏网格，修 iPhone 上序号压标题、点赞数截断/掉行（v26110433）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 23:40:49 +00:00
parent 17e6c7dd45
commit b6eeb454bf
26 changed files with 115 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
js/gch/v6.css
View File

@@ -191,3 +191,29 @@ html.night #homeBody>section#gcHome.gv4.gv6{background:linear-gradient(180deg,rg
#gcHome.gv4.gv6 .g6-meta>.g6-rt{flex:none;display:flex;align-items:center;gap:5px;margin-left:auto;padding-left:8px}
#gcHome.gv4.gv6 .g6-rt .g6-avs{display:flex;margin:0}
#gcHome.gv4.gv6 .g6-rt .ms-h{margin:0}
/* ===== 11-04 用户：「这一块排版有点乱」（iPhone 上第 3～5 行序号压标题、点赞数被截 / 掉行）
→ 前面叠了十几轮补丁，这里统一收口：每行固定三栏网格（序号 | 标题 + 作者行 | 图），不再靠 flex 互相挤 ===== */
#gcHome.gv4.gv6 .g6-list .g6-nt{display:grid;grid-template-columns:20px minmax(0,1fr) 60px;column-gap:10px;align-items:start;padding:12px 0}
#gcHome.gv4.gv6 .g6-list .g6-nt .ms-no{grid-column:1;width:20px;height:20px;margin:2px 0 0;padding:0;border-radius:6px;
font-size:12px;font-style:normal;font-weight:800;line-height:20px;text-align:center;color:#A8948F;background:rgba(160,130,120,.12)}
#gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(-n+3) .ms-no{color:#fff;font-size:12px}
#gcHome.gv4.gv6 .g6-list .g6-nt .ms-m{grid-column:2;display:block;min-width:0}
#gcHome.gv4.gv6 .g6-list .g6-nt .ms-q{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;
font-size:15.5px;line-height:22px;font-weight:700;color:#1F1717;margin:0}
#gcHome.gv4.gv6 .g6-list .g6-nt .g6-ph{grid-column:3;width:60px;height:60px;margin:0;align-self:center;border-radius:12px;object-fit:cover}
/* 作者行：左作者（名字过长省略号），右「访客头像 + N 人点赞」，两边各自不挤 */
#gcHome.gv4.gv6 .g6-list .g6-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;margin-top:8px;overflow:visible;white-space:nowrap;font-size:12px;line-height:16px}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-au{display:flex;align-items:center;gap:5px;min-width:0;margin:0}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-au img,#gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img{width:16px;height:16px}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-au b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;color:#8E807C}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-rt{display:flex;align-items:center;gap:5px;margin:0;padding:0}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs{display:flex;margin:0;padding:0}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img{margin-left:-6px;transform-origin:50% 50%}
#gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img:first-child{margin-left:0}
#gcHome.gv4.gv6 .g6-list .g6-meta .ms-h{display:block;margin:0}
#gcHome.gv4.gv6 .g6-list .g6-meta .ms-h b{font-size:12px;font-weight:500;color:#ADA09C}
html.night #gcHome.gv4.gv6 .g6-list .g6-nt .ms-q{color:#F4EAEE}
html.night #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(n+4) .ms-no{background:rgba(255,255,255,.08);color:#A99BA0}
#gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(1) .ms-no{background:linear-gradient(135deg,#FF6A3D,#EE2346)}
#gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(2) .ms-no{background:linear-gradient(135deg,#FF8A3D,#F2553A)}
#gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(3) .ms-no{background:linear-gradient(135deg,#FFB03D,#FF7A1A)}