广场标签:放松留白间距,# 改浅色细字

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-07 06:56:20 +00:00
parent 448d610c2d
commit 503ad8511a

View File

@@ -477,10 +477,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.lvw .lv .ba{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--kt)} .lvw .lv .ba{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--kt)}
.shtg .sh{margin-bottom:2px} .shtg .sh{margin-bottom:2px}
/* 11-05 用户:广场页面不要左右滑,要固定 → 标签不再横滑,自动换行 */ /* 11-05 用户:广场页面不要左右滑,要固定 → 标签不再横滑,自动换行 */
.gtg{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 6px} .gtg{display:flex;flex-wrap:wrap;gap:9px 8px;padding:4px 14px 6px}
.gtg::-webkit-scrollbar{display:none} .gtg::-webkit-scrollbar{display:none}
/* 11-07 标签加 # 后变宽 → 字号、左右留白各收一点,压回三行(用户选方案 A) */ /* 11-07 标签加 # → 用户嫌挤:留白、间距放松回来;# 用浅色细字(.hs) */
.gtg button{flex:none;height:30px;padding:0 9px;border-radius:99px;background:#fff;border:1px solid #EFE1DB;font-size:12.5px;font-weight:700;color:#5E4E4A;white-space:nowrap} .gtg button{flex:none;height:31px;padding:0 12px;border-radius:99px;background:#fff;border:1px solid #EFE1DB;font-size:13px;font-weight:700;color:#5E4E4A;white-space:nowrap}
.gtg .hs{font-style:normal;font-weight:500;opacity:.38;margin:0 1px}
.gtg button.on .hs{opacity:.6}
.gtg .gall{border-style:dashed;color:#B0948D;font-weight:600} .gtg .gall{border-style:dashed;color:#B0948D;font-weight:600}
/* 11-05 整合:投稿奖励一行(原在热门话题列表头)+ 选中标签后的热门话题 */ /* 11-05 整合:投稿奖励一行(原在热门话题列表头)+ 选中标签后的热门话题 */
.rww{margin:14px 12px 0} .rww{margin:14px 12px 0}
@@ -1713,7 +1715,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
fh.className = 'shtg'; fh.className = 'shtg';
fh.innerHTML = '<div class="sh"><h2>大家在聊</h2><small>孕妈们的分享</small></div>' + fh.innerHTML = '<div class="sh"><h2>大家在聊</h2><small>孕妈们的分享</small></div>' +
'<div class="gtg"><button type="button" data-tag=""' + (tagF ? '' : ' class="on"') + '>全部</button>' + '<div class="gtg"><button type="button" data-tag=""' + (tagF ? '' : ' class="on"') + '>全部</button>' +
GTAGS.map(function (g) { return '<button type="button" data-tag="' + g[0] + '"' + (tagF === g[0] ? ' class="on"' : '') + '>#' + g[0] + '#</button>'; }).join('') + GTAGS.map(function (g) { return '<button type="button" data-tag="' + g[0] + '"' + (tagF === g[0] ? ' class="on"' : '') + '><i class="hs">#</i>' + g[0] + '<i class="hs">#</i></button>'; }).join('') +
'<button type="button" class="gall" data-all="1">全部话题 ›</button></div><div class="gtp" id="gtp" hidden></div>'; '<button type="button" class="gall" data-all="1">全部话题 ›</button></div><div class="gtp" id="gtp" hidden></div>';
gtpPaint(); gtpPaint();
return; return;
@@ -1735,7 +1737,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
fh.className = 'shtg'; fh.className = 'shtg';
fh.innerHTML = '<div class="sh"><h2>大家在聊</h2><small>孕妈们的分享</small></div>' + fh.innerHTML = '<div class="sh"><h2>大家在聊</h2><small>孕妈们的分享</small></div>' +
'<div class="gtg"><button type="button" data-tag=""' + (tagF ? '' : ' class="on"') + '>全部</button>' + '<div class="gtg"><button type="button" data-tag=""' + (tagF ? '' : ' class="on"') + '>全部</button>' +
GTAGS.map(function (g) { return '<button type="button" data-tag="' + g[0] + '"' + (tagF === g[0] ? ' class="on"' : '') + '>#' + g[0] + '#</button>'; }).join('') + '</div>'; GTAGS.map(function (g) { return '<button type="button" data-tag="' + g[0] + '"' + (tagF === g[0] ? ' class="on"' : '') + '><i class="hs">#</i>' + g[0] + '<i class="hs">#</i></button>'; }).join('') + '</div>';
var gon = fh.querySelector('.gtg .on'); if (gon && tagF) fh.querySelector('.gtg').scrollLeft = Math.max(0, gon.offsetLeft - 60); var gon = fh.querySelector('.gtg .on'); if (gon && tagF) fh.querySelector('.gtg').scrollLeft = Math.max(0, gon.offsetLeft - 60);
return; return;
} }