孕妈广场全部话题弹层:#话题# 井号着色、每个话题标篇数、分类行改为「N 个话题」

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-02 09:52:59 +00:00
parent a821e59d62
commit 8d4d4c97de
4 changed files with 17 additions and 12 deletions

View File

@@ -245,6 +245,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.tl button{display:flex;align-items:center;gap:4px;min-height:42px;padding:6px 10px;border-radius:12px;text-align:left;font-size:13.5px;font-weight:700;line-height:1.35;background:var(--hb);color:#3A2C28}
.tl button.on{box-shadow:inset 0 0 0 2px var(--hk)}
.tl button{--hb:var(--kl);--hk:var(--kf)}
.tl button span{flex:1}
.tl button em{font-style:normal;color:var(--hk);font-weight:900;margin:0 1px}
.tl button small{display:block;margin-top:2px;font-size:11px;font-weight:600;color:#A8918B}
.tl-h small{margin-left:6px;font-size:12px;font-weight:600;color:#A8918B}
.tl button i{flex:none;font-style:normal;padding:0 4px;border-radius:5px;background:#FF5A3C;color:#fff;font-size:9.5px;font-weight:800;line-height:15px}
.tl-all{display:block;width:100%;height:40px;margin-top:14px;border-radius:12px;background:#F6EEEA;font-size:14px;font-weight:800;color:#6E5C57}
.dbody .tm{margin-top:12px;font-size:12px;color:#B8A49E}
@@ -433,9 +437,9 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
<div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
<div class="toast" id="toast"></div>
<script src="topics.js?v=26110208"></script>
<script src="data.js?v=26110208"></script>
<script src="feed.js?v=26110208"></script>
<script src="topics.js?v=26110209"></script>
<script src="data.js?v=26110209"></script>
<script src="feed.js?v=26110209"></script>
<script>
(function () {
'use strict';
@@ -709,11 +713,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
}
function openTopics() {
var grp = function (cat) {
return '<div class="tl-h">' + kbHTML(cat) + CAT_NAME[cat] + '</div><div class="tl k-' + cat + '">' + T.filter(function (t) { return t.cat === cat; }).map(function (t) {
return '<button type="button" data-pick="' + t.id + '" class="' + (cur === t.id ? 'on' : '') + '">#' + esc(t.name) + '#' + (t.hot ? '<i>热</i>' : '') + '</button>';
var tl = T.filter(function (t) { return t.cat === cat; });
return '<div class="tl-h">' + kbHTML(cat) + '<small>' + tl.length + ' 个话题</small></div><div class="tl k-' + cat + '">' + tl.map(function (t) {
return '<button type="button" data-pick="' + t.id + '" class="' + (cur === t.id ? 'on' : '') + '"><span><em>#</em>' + esc(t.name) + '<em>#</em><small>' + cntT(t.id) + ' 篇分享</small></span>' + (t.hot ? '<i>热</i>' : '') + '</button>';
}).join('') + '</div>';
};
openSheet('topics', '<h3>全部话题</h3>' + (catF ? [catF] : []).concat(CAT_ORDER.filter(function (c) { return c !== catF; })).map(grp).join('') +
openSheet('topics', '<h3>全部 ' + T.length + ' 个话题</h3>' + (catF ? [catF] : []).concat(CAT_ORDER.filter(function (c) { return c !== catF; })).map(grp).join('') +
'<button type="button" class="tl-all" data-pick="">看全部分享</button>');
}
$('#mask').addEventListener('click', closeSheet);