jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

关注前3条加回6～8个小头像、百宝箱同时滚动1～2条、测试封面改真实风景照+分组柔光遮罩（v26110412）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 07:48:30 +00:00
parent 1aece8ee65
commit 6860c73b9b
54 changed files with 107 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
guangchang/index.html
View File

@@ -285,7 +285,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
.csr-i{border-radius:13px;transform:rotate(-4deg)}
.csr:nth-child(even) .csr-i{transform:rotate(4deg)}
.ck.has-bg .cv>.cbl,.ck.has-bg .cv>.ck-wm{display:none}
.ck .cv .ck-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.ck .cv .ck-wash{position:absolute;inset:0;pointer-events:none}
.ck.gq .ck-wash{background:linear-gradient(180deg,rgba(255,244,234,.86),rgba(255,236,222,.74) 62%,rgba(255,228,211,.35))}
.ck.gp .ck-wash{background:linear-gradient(180deg,rgba(246,241,255,.86),rgba(238,230,252,.74) 62%,rgba(234,226,251,.35))}
.ck.gg .ck-wash{background:linear-gradient(180deg,rgba(240,250,244,.86),rgba(228,246,236,.74) 62%,rgba(221,243,231,.35))}
.ck.gs .ck-wash{background:linear-gradient(180deg,rgba(240,246,255,.86),rgba(230,240,254,.74) 62%,rgba(223,235,253,.35))}
.ck .cv .ck-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.csr-i.has-bg{background-size:cover!important;background-position:70% 85%!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.ck .cv .ck-wm{position:absolute;right:-8px;bottom:-6px;width:62px;height:62px;opacity:.22;transform:rotate(-12deg);pointer-events:none}
.ck .cv .ck-wm svg{width:100%;height:100%}
@@ -862,11 +867,11 @@ 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=26110411"></script>
<script src="data.js?v=26110411"></script>
<script src="feed.js?v=26110411"></script>
<script src="ceshi/meta.js?v=26110411"></script>
<script src="../js/share-card.js?v=26110411"></script>
<script src="topics.js?v=26110412"></script>
<script src="data.js?v=26110412"></script>
<script src="feed.js?v=26110412"></script>
<script src="ceshi/meta.js?v=26110412"></script>
<script src="../js/share-card.js?v=26110412"></script>
<script>
(function () {
'use strict';
@@ -932,7 +937,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
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=26110411').then(function (r) { return r.json(); }).then(function (j) {
fetch('cm.json?v=26110412').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) {
@@ -1200,7 +1205,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
var CS_SEC = { quiz: ['', '查漏补缺，温和掌握孕产育儿知识', 2], psy: ['', '看见情绪，也看见关系', 2], game: ['', '挑战一下，看能拿什么称号', 2], shop: ['', '看看你是哪一类育儿采购玩家', 2] };
/* 11-04 用户：「每个测试的背景图要做匹配的图片，不要同样的背景色；按组区分色块、组内统一」→ 每个测试一张插画（ceshi/cv/tNN.webp），
色调跟组走：常识小测暖桃 / 趣味心理薰衣草紫 / 趣味闯关薄荷绿 / 好物配置天蓝；画面上半留白放标题。列表行的小方块也换成同一张图。 */
var CS_CV_V = 1;
var CS_CV_V = 2; /* 同日二改：用户嫌插画乱 → 换真实风景照（按组选色调）+ 同色柔光遮罩 */
function csRowHTML(x, done, i) {
var d = done[x.id], who = (x.sub || '').split('·')[0].trim();
return '<button type="button" class="csr ' + CS_GPAL[x.group] + '" data-test="' + x.id + '"><span class="csr-i s' + (i % 3) + ' has-bg" style="background-image:url(ceshi/cv/' + x.id + '.webp?v=' + CS_CV_V + ')"></span>' +
@@ -1252,7 +1257,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
function csCardHTML(x, done, i, hl) {
var d = done[x.id], who = (x.sub || '').split('·')[0].trim(), hs = hl ? ckHlLine(x) : '';
var top = byHot(TM).slice(0, 3).map(function (y) { return y.id; }).indexOf(x.id);
return '<button type="button" class="ck ' + CS_GPAL[x.group] + ' has-bg" data-test="' + x.id + '"><span class="cv"><img class="ck-bg" src="ceshi/cv/' + x.id + '.webp?v=' + CS_CV_V + '" alt="" loading="lazy" decoding="async">' +
return '<button type="button" class="ck ' + CS_GPAL[x.group] + ' has-bg" data-test="' + x.id + '"><span class="cv"><img class="ck-bg" src="ceshi/cv/' + x.id + '.webp?v=' + CS_CV_V + '" alt="" loading="lazy" decoding="async"><i class="ck-wash"></i>' +
(top >= 0 ? '<i class="ck-top t' + (top + 1) + '">TOP' + (top + 1) + '</i>' : '') +
'<i class="ck-wm">' + csTI(x) + '</i><b>' + esc(x.title.replace(/^测一测｜/, '')) + '</b><small>' + esc(who) + ' · ' + x.n + ' 题</small><em>' + (d ? '再测一次' : '开始测试') + '</em>' + (d ? '<i class="dn">已测</i>' : '') + hs + '</span>' +
'<span class="cnn">' + (hs ? '' : csAvs(3)) + '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.6 2.5c.4 3-1.6 4.6-3 6.2C8 10.4 7 12 7 14.3A5 5 0 0012 19.5a5 5 0 005-5.2c0-2-1-3.6-1.9-4.6-.2 1.3-.9 2.2-1.9 2.6.6-3.4-.2-7-.6-9.8z" fill="currentColor"/></svg>' + gcTestedText(x.id) + '</span></button>';