diff --git a/guangchang/index.html b/guangchang/index.html index b093d34..f92f12a 100644 --- a/guangchang/index.html +++ b/guangchang/index.html @@ -98,11 +98,11 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin @keyframes qfSh{0%,55%{left:-60%}100%{left:130%}} @media (prefers-reduced-motion:reduce){.qf *,.qf *::before,.qf *::after{animation:none!important}.qf-fly{display:none}} /* 投稿奖励：热门话题列表头一行 */ -.htl .rwl{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:8px 10px;border-radius:12px;background:linear-gradient(100deg,#FFF1E8,#FFE6E6);text-align:left;font-size:12px;font-weight:700;color:#8A4B36} -.htl .rwl .ic{flex:none;width:16px;height:16px;color:#F2553A} -.htl .rwl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.htl .rwl em{font-style:normal;color:#F2394A;font-weight:900} -.htl .rwl b{flex:none;font-size:11.5px;color:#F2553A} +.htl .rwl,.rww .rwl{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:8px 10px;border-radius:12px;background:linear-gradient(100deg,#FFF1E8,#FFE6E6);text-align:left;font-size:12px;font-weight:700;color:#8A4B36} +.htl .rwl .ic,.rww .rwl .ic{flex:none;width:16px;height:16px;color:#F2553A} +.htl .rwl span,.rww .rwl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.htl .rwl em,.rww .rwl em{font-style:normal;color:#F2394A;font-weight:900} +.htl .rwl b,.rww .rwl b{flex:none;font-size:11.5px;color:#F2553A} /* ---------- 投稿有奖横幅 ---------- */ .rw{position:relative;display:flex;align-items:center;gap:12px;margin:2px 12px 0;padding:13px 14px;border-radius:18px;overflow:hidden;width:calc(100% - 24px);text-align:left; @@ -445,6 +445,17 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin .gtg{display:flex;flex-wrap:wrap;gap:7px;padding:4px 14px 6px} .gtg::-webkit-scrollbar{display:none} .gtg button{flex:none;height:30px;padding:0 13px;border-radius:99px;background:#fff;border:1px solid #EFE1DB;font-size:13px;font-weight:700;color:#5E4E4A;white-space:nowrap} +.gtg .gall{border-style:dashed;color:#B0948D;font-weight:600} +/* 11-05 整合：投稿奖励一行（原在热门话题列表头）+ 选中标签后的热门话题 */ +.rww{margin:14px 12px 0} +.rww .rwl{margin:0} +.gtp{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:2px 14px 4px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 6px 16px -14px rgba(120,60,40,.35)} +.gtp[hidden]{display:none} +.gtp-h{font-size:11.5px;font-weight:800;color:#F2553A} +.gtp button{max-width:100%;padding:0;background:none;border:0;text-align:left;font-size:13.5px;font-weight:700;line-height:1.45;color:#3A2C28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.gtp button::after{content:' ›';color:#C9B3AC} +html.night .gtp{background:rgba(255,255,255,.06)} +html.night .gtp button{color:#EFE3EA} .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff;box-shadow:0 5px 12px -6px #F2725B} html.night .gtg button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#E8DFE8} html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} @@ -912,10 +923,10 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
- - - - + + + + @@ -986,7 +997,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} var CMD = null, CMERR = false; /* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */ var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; }; - fetch('cm.json?v=26110481').then(function (r) { return r.json(); }).then(function (j) { + fetch('cm.json?v=26110482').then(function (r) { return r.json(); }).then(function (j) { CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); } }).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); }); function commentsOf(n) { @@ -1537,10 +1548,33 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} } return hot.concat(l.filter(function (t) { return !t.hot; })); } + /* 选中标签时，标签下一行露出这一类里的 2～3 个热门话题（带 hot 的排前，没帖子的不出），点了进话题页 */ + function gtpPaint() { + var bx = document.getElementById('gtp'); if (!bx) return; + var ids = tagF && GTBY[tagF]; + if (!ids) { bx.innerHTML = ''; bx.hidden = true; return; } + var tl = hotList().filter(function (x) { return ids.indexOf(x.id) >= 0 && NOTES.some(function (n) { return n.t === x.id; }); }).slice(0, 3); + bx.hidden = !tl.length; + bx.innerHTML = '热门话题' + tl.map(function (x) { return ''; }).join(''); + } function renderHead() { var t = TBY[cur], el = $('#head'), fh = $('#fh'); var fl0 = document.getElementById('luckFl'); if (fl0) fl0.classList.remove('on'); if (catF === 'ceshi') { el.innerHTML = cbnHTML('ceshi') + csLiveHTML(); ceshiFh(fh); csLiveRun(); luckFloat(); return; } /* 原一行介绍 ceshiHead 并进 banner */ + if (!t && !catF) { + /* 11-05 用户：「职场那些标签和上面的话题整合到一个里面，感觉有点乱」→ 选方案 A：「全部」下去掉「热门话题」整块， + 标签作为唯一入口（末尾加「全部话题 ›」）；选中标签时标签下露出这一类的 2～3 个热门话题（用户同意）；投稿奖励一行挪到「大家在聊」上面。 + 话题本身不变：投稿选话题、帖子卡上的 #话题#、话题详情页照旧。分类视图（catF）仍是原来的热门话题列表。 */ + el.innerHTML = qifuHTML() + + '
'; + fh.className = 'shtg'; + fh.innerHTML = '

大家在聊

孕妈们的分享
' + + '
' + + GTAGS.map(function (g) { return ''; }).join('') + + '
'; + gtpPaint(); + return; + } if (!t) { var hl = hotList(); el.innerHTML = (catF ? cbnHTML(catF) : qifuHTML()) + /* 祈福树只在「全部」 */ @@ -1749,10 +1783,11 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} tagF = gt.dataset.tag; haptic(); var gl = $('#fh .gtg'), sl0 = gl ? gl.scrollLeft : 0; [].forEach.call(gl.children, function (x) { x.classList.toggle('on', x.dataset.tag === tagF); }); - gl.scrollLeft = sl0; renderFeed(); + gl.scrollLeft = sl0; gtpPaint(); renderFeed(); var sc0 = $('#sc'), fhT = $('#fh').offsetTop - 8; if (sc0.scrollTop > fhT) sc0.scrollTop = fhT; /* 已经往下滑了的话，回到标签这一行 */ return; } + if (e.target.closest('[data-all]')) { haptic(); openTopics(); return; } var tg = e.target.closest('[data-tg]'); if (tg) { tGrp = tg.dataset.tg; haptic(); ceshiFh($('#fh')); renderFeed(); return; } var b = e.target.closest('[data-t]'); if (!b || b.dataset.t === cur) return; @@ -1785,7 +1820,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff} '
投稿被选中，每篇奖励' + REWARD + '
' + (t ? '
你要参与的话题：#' + esc(t.name) + '#
' : '') + '
    ' + - '
  1. 选一个话题在「热门话题」或「全部话题」里挑你有话说的那个
    2. ' + + '
  2. 选一个话题在「大家在聊」标签下的热门话题，或「全部话题」里挑你有话说的那个
    3. ' + '
  3. 写下你的真实经历家里的暖事、踩过的坑、过来人的经验都可以
    4. ' + '
  4. 编辑挑选，被选中就发奖励选中的故事会展示在孕妈广场，奖励发给作者
' + '' + diff --git a/guangchang/mine/index.html b/guangchang/mine/index.html index f3acf52..c496d0b 100644 --- a/guangchang/mine/index.html +++ b/guangchang/mine/index.html @@ -107,7 +107,7 @@ main{padding:6px 16px 0}
- + - + + @@ -2675,13 +2675,13 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2 - - + + - + - + - + - - - + + +