广场祈福树下「喜报」轮播:白底卡+金红喜报标,入选精选挪到标题右边

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-07 05:39:50 +00:00
parent 05e9c9fe01
commit 476eac7a6a

View File

@@ -486,16 +486,21 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.rww .rwl{margin:0} .rww .rwl{margin:0}
/* 11-07 用户:祈福树下面「投稿被选中得 ¥30…」一条 → 改成轮播「哪些妈妈的笔记上了广场」:真实投稿(审核通过)排前, /* 11-07 用户:祈福树下面「投稿被选中得 ¥30…」一条 → 改成轮播「哪些妈妈的笔记上了广场」:真实投稿(审核通过)排前,
不够时用广场里点赞高的笔记补;只说「上了广场 / 入选精选」,不写某人领了多少钱。右边「我也投稿」= 原来的规则弹层 */ 不够时用广场里点赞高的笔记补;只说「上了广场 / 入选精选」,不写某人领了多少钱。右边「我也投稿」= 原来的规则弹层 */
.rwc{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:linear-gradient(100deg,#FFF1E8,#FFE6E6)} .rwc{position:relative;display:flex;align-items:center;gap:9px;height:46px;padding:0 12px 0 7px;border-radius:15px;overflow:hidden;
.rwc>.ic{flex:none;width:16px;height:16px;color:#F2553A} background:linear-gradient(100deg,#FFF8F1 0%,#fff 38%);border:1px solid #FFE2D2;box-shadow:0 8px 20px -14px rgba(214,96,60,.45)}
.rwv{position:relative;flex:1;min-width:0;height:40px;overflow:hidden} /* 11-07 用户:轮播要有设计感 → 左边金红「喜报」小标 + 白底卡;「入选精选」挪到标题右边做小标签 */
.rwi{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:6px;height:40px;border:0;background:none;padding:0;font:inherit;text-align:left;color:#8A4B36;font-size:12px; .rwc::after{content:"";position:absolute;right:-18px;top:-26px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,150,.28),transparent 70%);pointer-events:none}
.rwh{flex:none;display:flex;align-items:center;gap:3px;height:30px;padding:0 8px 0 7px;border-radius:10px;
background:linear-gradient(135deg,#FF7A4D,#E8343F);color:#FFE7A8;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:inset 0 0 0 1px rgba(255,220,150,.45),0 3px 8px -3px rgba(232,52,63,.6)}
.rwh svg{width:13px;height:13px;fill:#FFD86B}
.rwv{position:relative;flex:1;min-width:0;height:46px;overflow:hidden}
.rwi{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:7px;height:46px;border:0;background:none;padding:0;font:inherit;text-align:left;color:#8A6A5E;font-size:12.5px;
transition:transform .4s ease,opacity .4s ease} transition:transform .4s ease,opacity .4s ease}
.rwi.in{transform:translateY(100%);opacity:0}.rwi.out{transform:translateY(-100%);opacity:0} .rwi.in{transform:translateY(100%);opacity:0}.rwi.out{transform:translateY(-100%);opacity:0}
.rwi img{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover;background:#FFE3D3} .rwi img{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover;background:#FFE3D3;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #FFD2BD}
.rwi span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rwi b{flex:none;max-width:5.5em;font-weight:800;color:#5A3226;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwi span b{font-weight:800;color:#5A3226} .rwi span{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwi span em{font-style:normal;font-weight:800;color:#F2394A;margin:0 3px} .rwi em{flex:none;margin-left:auto;padding:0 7px;height:20px;line-height:20px;border-radius:99px;font-style:normal;font-size:10.5px;font-weight:800;color:#E8343F;background:#FFEDEA;box-shadow:inset 0 0 0 1px #FFD0C8}
.rwb{flex:none;height:26px;padding:0 10px;border:0;border-radius:99px;background:linear-gradient(135deg,#FF8A65,#F2553A);color:#fff;font:inherit;font-size:11.5px;font-weight:800} .rwb{flex:none;height:26px;padding:0 10px;border:0;border-radius:99px;background:linear-gradient(135deg,#FF8A65,#F2553A);color:#fff;font:inherit;font-size:11.5px;font-weight:800}
.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{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[hidden]{display:none}
@@ -1677,9 +1682,9 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
} }
function rwItem(k) { function rwItem(k) {
var L = rwList(); if (!L.length) return ''; var L = rwList(); if (!L.length) return '';
var n = L[k % L.length], tt = n.title.length > 14 ? n.title.slice(0, 13) + '…' : n.title; var n = L[k % L.length];
return '<button type="button" class="rwi" data-id="' + esc(n.id) + '"><img src="' + esc(avOf(n)) + '" alt="" loading="lazy"><span><b>' + esc(n.author) + '</b>' + return '<button type="button" class="rwi" data-id="' + esc(n.id) + '"><img src="' + esc(avOf(n)) + '" alt="" loading="lazy"><b>' + esc(n.author) + '</b>' +
(n.real ? '<em>投稿上了广场</em>' : '<em>入选精选</em>') + '《' + esc(tt) + '》</span></button>'; '<span>《' + esc(n.title) + '》</span>' + (n.real ? '<em>上了广场</em>' : '<em>入选精选</em>') + '</button>'; /* 11-07 用户:「入选精选」放到文章右边 */
} }
function rwRun() { function rwRun() {
clearInterval(rwT); rwI = 0; clearInterval(rwT); rwI = 0;
@@ -1702,7 +1707,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
标签作为唯一入口(末尾加「全部话题 ›」);选中标签时标签下露出这一类的 2~3 个热门话题(用户同意);投稿奖励一行挪到「大家在聊」上面。 标签作为唯一入口(末尾加「全部话题 ›」);选中标签时标签下露出这一类的 2~3 个热门话题(用户同意);投稿奖励一行挪到「大家在聊」上面。
话题本身不变:投稿选话题、帖子卡上的 #话题#、话题详情页照旧。分类视图(catF)仍是原来的热门话题列表。 */ 话题本身不变:投稿选话题、帖子卡上的 #话题#、话题详情页照旧。分类视图(catF)仍是原来的热门话题列表。 */
el.innerHTML = qifuHTML() + el.innerHTML = qifuHTML() +
'<div class="rww"><div class="rwc"><div class="rwv" id="rwv">' + rwItem(0) + '</div></div></div>'; /* 11-07 用户:去掉礼物图标和「我也投稿」 */ '<div class="rww"><div class="rwc"><span class="rwh"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M10 .5C10.9 7.4 12.6 9.1 19.5 10 12.6 10.9 10.9 12.6 10 19.5 9.1 12.6 7.4 10.9.5 10 7.4 9.1 9.1 7.4 10 .5Z"/></svg>喜报</span><div class="rwv" id="rwv">' + rwItem(0) + '</div></div></div>'; /* 11-07 用户:去掉礼物图标和「我也投稿」 */
rwRun(); rwRun();
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>' +