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

2
js/gch/v4.js
View File

@@ -244,5 +244,5 @@
}
/* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */
if (window.GC_FEED) init();
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110432'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110433'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
})();

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)}

6
js/gch/v6.js
View File

@@ -6,9 +6,9 @@
(function () {
var sec = document.getElementById('gcHome');
if (!sec) return;
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110432';
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110433';
document.head.appendChild(l);
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110432';
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110433';
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
document.body.appendChild(s);
@@ -111,7 +111,7 @@
function fitMeta() {
[].forEach.call(list.querySelectorAll('.g6-meta'), function (m) {
var ims = m.querySelectorAll('.g6-avs img'), k = ims.length, nm = m.querySelector('.g6-au b');
function tight() { return m.scrollWidth > m.clientWidth + 1 || (nm && nm.scrollWidth > nm.clientWidth + 1); }
function tight() { return nm && nm.scrollWidth > nm.clientWidth + 1; } /* 网格版：作者名被挤出省略号就减一个访客头像 */
while (k > 2 && tight()) ims[--k].remove();
});
}