v26110288 测试列表四组各自配色+封面色块形状;孕期百问40条关键词方块,序号保留
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -320,8 +320,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script src="meta.js?v=26110287"></script>
|
||||
<script src="tests.js?v=26110287"></script>
|
||||
<script src="meta.js?v=26110288"></script>
|
||||
<script src="tests.js?v=26110288"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
@@ -150,7 +150,12 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
.csg-h small{padding-left:32px}
|
||||
.csg-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--gi)}
|
||||
.csg-ic svg{width:16px;height:16px}
|
||||
.csg.g-quiz{--gi:#FF8A65}.csg.g-psy{--gi:#9A86C4}.csg.g-game{--gi:#F2A93B}.csg.g-shop{--gi:#4FB287}
|
||||
.csg.g-quiz{--gi:#FF8A65}.csg.g-psy{--gi:#9A7FE0}.csg.g-game{--gi:#3FAE7A}.csg.g-shop{--gi:#4E8DE6}
|
||||
.csr.gq,.ck.gq{--c1:#FFF4EA;--c2:#FFE3D3;--c3:#FFC9AE;--c4:#FFB08F;--cb:#FF8A65}
|
||||
.csr.gp,.ck.gp{--c1:#F6F1FF;--c2:#EAE2FB;--c3:#CDBEF5;--c4:#DCCFF7;--cb:#9A7FE0}
|
||||
.csr.gg,.ck.gg{--c1:#F0FAF4;--c2:#DDF3E7;--c3:#B5E5CB;--c4:#C6EBD6;--cb:#3FAE7A}
|
||||
.csr.gs,.ck.gs{--c1:#F0F6FF;--c2:#DFEBFD;--c3:#BCD5FA;--c4:#CCDFFB;--cb:#4E8DE6}
|
||||
.csg-h b{border-left:0}
|
||||
.csrl{display:flex;flex-direction:column;gap:9px;margin-top:12px}
|
||||
.csr{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:14px;background:#fff;box-shadow:0 3px 10px -4px rgba(120,90,130,.14);text-align:left}
|
||||
.csr:active{transform:scale(.98)}
|
||||
@@ -706,10 +711,10 @@ 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=26110287"></script>
|
||||
<script src="data.js?v=26110287"></script>
|
||||
<script src="feed.js?v=26110287"></script>
|
||||
<script src="ceshi/meta.js?v=26110287"></script>
|
||||
<script src="topics.js?v=26110288"></script>
|
||||
<script src="data.js?v=26110288"></script>
|
||||
<script src="feed.js?v=26110288"></script>
|
||||
<script src="ceshi/meta.js?v=26110288"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
@@ -775,7 +780,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=26110287').then(function (r) { return r.json(); }).then(function (j) {
|
||||
fetch('cm.json?v=26110288').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) {
|
||||
@@ -1003,16 +1008,25 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
var CS_SEC = { quiz: ['', '查漏补缺,温和掌握孕产育儿知识', 2], psy: ['', '看见情绪,也看见关系', 2], game: ['', '挑战一下,看能拿什么称号', 2], shop: ['', '看看你是哪一类育儿采购玩家', 2] };
|
||||
function csRowHTML(x, done, i) {
|
||||
var d = done[x.id], who = (x.sub || '').split('·')[0].trim();
|
||||
return '<button type="button" class="csr ' + CS_PAL[i % CS_PAL.length] + '" data-test="' + x.id + '"><span class="csr-i">' + CS_ICO[x.group] + '</span>' +
|
||||
return '<button type="button" class="csr ' + CS_GPAL[x.group] + '" data-test="' + x.id + '"><span class="csr-i">' + CS_ICO[x.group] + '</span>' +
|
||||
'<span class="csr-m"><b>' + esc(x.title.replace(/^测一测|/, '')) + '</b><small>' + esc(who) + ' · ' + x.n + ' 题<i>' + gcTestedText(x.id) + '</i></small></span>' +
|
||||
'<em>' + (d ? '再测' : '去测') + '</em></button>';
|
||||
}
|
||||
var CS_PAL = ['pa', 'pb', 'pc', 'pd', 'pe', 'pf']; /* 6 套封面配色轮流:蜜桃 / 薰衣草 / 奶油蓝 / 浅紫 / 薄荷 / 杏橙 */
|
||||
var CS_BLOB = '<svg class="cbl" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><path class="b1" d="M58 0C66 14 80 18 100 14V0z"/><path class="b2" d="M0 72C18 60 30 78 46 86S80 84 100 70V100H0z"/><path class="b3" d="M0 0H28C20 12 8 16 0 30z"/></svg>';
|
||||
/* 11-04 用户:「封面下面那行完整标题放到图片上」→ 封面大字由短名改成完整标题,封面下只留人数 */
|
||||
/* 11-04 用户:「几个模块颜色都一样,分不出来;图片样式可以一样,UI 按模块变一下」→ 配色 / 封面色块形状按分组走,不再全局轮换:
|
||||
常识小测 蜜桃橙、趣味心理 薰衣草紫、趣味闯关 薄荷绿、好物配置 天空蓝;四组各一种色块形状(CS_BLOBS),列表行同色。 */
|
||||
var CS_GPAL = { quiz: 'gq', psy: 'gp', game: 'gg', shop: 'gs' };
|
||||
var CS_BLOBS = {
|
||||
quiz: CS_BLOB,
|
||||
psy: '<svg class="cbl" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><circle class="b1" cx="86" cy="10" r="22"/><path class="b2" d="M0 78C22 70 40 92 62 88S90 74 100 80V100H0z"/><circle class="b3" cx="10" cy="24" r="12"/></svg>',
|
||||
game: '<svg class="cbl" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><path class="b1" d="M70 0L100 0 100 34z"/><path class="b2" d="M0 100L0 70 34 100z M60 100L100 62 100 100z"/><path class="b3" d="M0 0H22L0 22z"/></svg>',
|
||||
shop: '<svg class="cbl" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><rect class="b1" x="64" y="-8" width="44" height="30" rx="14"/><rect class="b2" x="-10" y="76" width="120" height="34" rx="16"/><rect class="b3" x="-6" y="6" width="26" height="14" rx="7"/></svg>'
|
||||
};
|
||||
function csCardHTML(x, done, i) {
|
||||
var d = done[x.id], who = (x.sub || '').split('·')[0].trim();
|
||||
return '<button type="button" class="ck ' + CS_PAL[i % CS_PAL.length] + '" data-test="' + x.id + '"><span class="cv">' + CS_BLOB +
|
||||
return '<button type="button" class="ck ' + CS_GPAL[x.group] + '" data-test="' + x.id + '"><span class="cv">' + (CS_BLOBS[x.group] || CS_BLOB) +
|
||||
'<b>' + esc(x.title.replace(/^测一测|/, '')) + '</b><small>' + esc(who) + ' · ' + x.n + ' 题</small><em>' + (d ? '再测一次' : '开始测试') + '</em>' + (d ? '<i class="dn">已测</i>' : '') + '</span>' +
|
||||
'<span class="cnn"><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>';
|
||||
}
|
||||
|
||||
@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
|
||||
</div>
|
||||
<div class="wb"><button type="button" id="write"><svg class="ic" viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z"/></svg>写新的故事</button></div>
|
||||
|
||||
<script src="../topics.js?v=26110287"></script>
|
||||
<script src="../topics.js?v=26110288"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
Reference in New Issue
Block a user