测一测:新增 5 个好物配置测试(t26-t30,12 种采购玩家类型);测一测列表按组换排法(考卷编号/心理双列/闯关横滑/好物图文);测一测分类标签独立样式;v26110220
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
BIN
guangchang/ceshi/img/t22_4.webp
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
guangchang/ceshi/img/t23_0.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
guangchang/ceshi/img/t23_1.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
guangchang/ceshi/img/t23_2.webp
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
guangchang/ceshi/img/t23_3.webp
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
guangchang/ceshi/img/t23_4.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
guangchang/ceshi/img/t23_s.webp
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
guangchang/ceshi/img/t24_0.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
guangchang/ceshi/img/t24_1.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
guangchang/ceshi/img/t24_2.webp
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
guangchang/ceshi/img/t24_3.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
guangchang/ceshi/img/t24_4.webp
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
guangchang/ceshi/img/t24_s.webp
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
guangchang/ceshi/img/t25_0.webp
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
guangchang/ceshi/img/t25_1.webp
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
guangchang/ceshi/img/t25_2.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
guangchang/ceshi/img/t25_3.webp
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
guangchang/ceshi/img/t25_4.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
guangchang/ceshi/img/t25_s.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
guangchang/ceshi/img/t26_0.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
guangchang/ceshi/img/t26_s.webp
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
guangchang/ceshi/img/t27_0.webp
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
guangchang/ceshi/img/t27_s.webp
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
guangchang/ceshi/img/t28_0.webp
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
guangchang/ceshi/img/t28_s.webp
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
guangchang/ceshi/img/t29_0.webp
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
guangchang/ceshi/img/t29_s.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
guangchang/ceshi/img/t30_0.webp
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
guangchang/ceshi/img/t30_s.webp
Normal file
|
After Width: | Height: | Size: 9.6 KiB |
BIN
guangchang/ceshi/img/ty_chang.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
guangchang/ceshi/img/ty_dou.webp
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
guangchang/ceshi/img/ty_jian.webp
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
guangchang/ceshi/img/ty_jing.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
guangchang/ceshi/img/ty_ke.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
guangchang/ceshi/img/ty_lan.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
guangchang/ceshi/img/ty_mei.webp
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
guangchang/ceshi/img/ty_mian.webp
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
guangchang/ceshi/img/ty_qing.webp
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
guangchang/ceshi/img/ty_xi.webp
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
guangchang/ceshi/img/ty_xing.webp
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
guangchang/ceshi/img/ty_zi.webp
Normal file
|
After Width: | Height: | Size: 28 KiB |
@@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<title>测一测 · 孕妈广场</title>
|
||||
<!-- 孕妈广场 · 测一测(25 个测试共用这一页,?id=t01…t25)
|
||||
<!-- 孕妈广场 · 测一测(30 个测试共用这一页,?id=t01…t30)
|
||||
11-02 v1:列表 + 简版答题。
|
||||
11-02 v2 用户:「每一个测一测页面都要有设计感,要做插图放进去,跟『你是什么样的妈妈』那个一样;『只在本机算,不上传』删掉」
|
||||
→ 照 topic/ceshi(妈妈类型卡)重做三屏:
|
||||
@@ -147,6 +147,7 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
.dims{position:relative;display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 14px 14px 8px;border-radius:20px;background:rgba(255,255,255,.85);text-align:left}
|
||||
.dims>svg{flex:none;width:146px;height:128px}
|
||||
.dl{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
|
||||
.dl.wide{padding-left:8px;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:10px}
|
||||
.dr{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:3px;font-size:12.5px;color:var(--txt);line-height:1.3}
|
||||
.dr span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
||||
.dr .p{font-weight:700;color:var(--ink)}
|
||||
@@ -206,7 +207,7 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
.rec b{display:block;font-size:15px;color:var(--ink);line-height:1.4}
|
||||
.rec small{display:block;font-size:12.5px;color:var(--sub);line-height:1.5}
|
||||
.rec em{flex:none;font-style:normal;height:28px;padding:0 12px;border-radius:99px;font-size:12.5px;font-weight:700;line-height:28px}
|
||||
.rec.g-quiz em{background:#FFEEE8;color:#E8643F}.rec.g-psy em{background:#F1EDFF;color:#7C5CFC}.rec.g-game em{background:#E2F6F1;color:#13917C}
|
||||
.rec.g-quiz em{background:#FFEEE8;color:#E8643F}.rec.g-psy em{background:#F1EDFF;color:#7C5CFC}.rec.g-game em{background:#E2F6F1;color:#13917C}.rec.g-shop em{background:#FFEEF3;color:#E9557F}
|
||||
.again{margin-top:24px}
|
||||
.foot{margin:28px 20px 0;font-size:12px;color:var(--sub);text-align:center}
|
||||
.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%,8px);max-width:300px;padding:10px 16px;border-radius:12px;background:rgba(31,35,41,.88);color:#fff;font-size:13.5px;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
|
||||
@@ -308,7 +309,7 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
<section class="blk fade"><div class="sh2"><i>01</i><b id="rReadT"></b></div><div class="read" id="rRead"></div></section>
|
||||
<section class="blk fade" id="rTipsB"><div class="sh2"><i>02</i><b>给你的小建议</b></div><div class="tips" id="rTips"></div></section>
|
||||
<section class="blk fade" id="rRvB"><div class="sh2"><i>03</i><b id="rRvT"></b></div><div id="rRv"></div></section>
|
||||
<section class="blk fade"><div class="sh2"><i>04</i><b>再测一个</b><span>共 25 个测试</span></div><div class="recs" id="rRecs"></div></section>
|
||||
<section class="blk fade"><div class="sh2"><i>04</i><b>再测一个</b><span>共 30 个测试</span></div><div class="recs" id="rRecs"></div></section>
|
||||
<button class="btn sec again" id="againBtn"><svg class="ic"><use href="#i-refresh"/></svg>重新测试</button>
|
||||
</main>
|
||||
|
||||
@@ -322,7 +323,7 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
</div>
|
||||
<div class="toast" id="toast"></div>
|
||||
|
||||
<script src="tests.js?v=26110219"></script>
|
||||
<script src="tests.js?v=26110220"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
@@ -343,7 +344,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
var GROUP = {
|
||||
quiz: { name: '知识考卷', en: 'QUIZ', c: '#F0714F', bg: '#FFEFE9', c2: '#FFD9CB', rgb: '240,113,79' },
|
||||
psy: { name: '趣味心理测试', en: 'MIND TEST', c: '#7C5CFC', bg: '#F1EDFF', c2: '#E4DDFD', rgb: '124,92,252' },
|
||||
game: { name: '趣味闯关', en: 'CHALLENGE', c: '#13A08A', bg: '#E4F6F1', c2: '#C4EBE1', rgb: '19,160,138' }
|
||||
game: { name: '趣味闯关', en: 'CHALLENGE', c: '#13A08A', bg: '#E4F6F1', c2: '#C4EBE1', rgb: '19,160,138' },
|
||||
shop: { name: '好物配置', en: 'SHOPPING TYPE', c: '#E9557F', bg: '#FFEEF3', c2: '#FFD3E0', rgb: '233,85,127' }
|
||||
};
|
||||
var G = GROUP[t.group] || GROUP.psy, R = t.results, N = t.questions.length, KS = 'ABCD';
|
||||
var st = document.documentElement.style;
|
||||
@@ -351,7 +353,7 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
st.setProperty('--c06', 'rgba(' + G.rgb + ',.06)'); st.setProperty('--c10', 'rgba(' + G.rgb + ',.10)'); st.setProperty('--c20', 'rgba(' + G.rgb + ',.22)');
|
||||
document.title = t.title + ' · 测一测';
|
||||
var IMG = function (k) { return 'img/' + t.id + '_' + k + '.webp'; }; /* k=0 主图;k=i+1 第 i 个结果 */
|
||||
var rImg = function (r) { return IMG(R.indexOf(r) + 1); };
|
||||
var rImg = function (r) { return r.img || IMG(R.indexOf(r) + 1); }; /* 好物配置组按类型共用插画:results[].img */
|
||||
var optT = function (o) { return typeof o === 'string' ? o : o.t; };
|
||||
var isQuiz = t.type === 'quiz', isType = t.type === 'type';
|
||||
|
||||
@@ -520,12 +522,12 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
|
||||
$('#rImg').src = rImg(r); $('#rImg').alt = r.title;
|
||||
$('#rYou').textContent = isType ? '你是' : isQuiz ? '你获得了称号' : '你的结果是';
|
||||
$('#rName').textContent = r.title;
|
||||
$('#rLine').textContent = t.title;
|
||||
$('#rLine').textContent = r.line || t.title;
|
||||
var tags = [r.tag, isQuiz ? '答对 ' + res.v + ' / ' + N : isType ? '占 ' + res.pc[r.k] + '%' : '指数 ' + res.v];
|
||||
$('#rTags').innerHTML = tags.map(function (x) { return '<span>' + esc(x) + '</span>'; }).join('');
|
||||
if (isType) {
|
||||
var sorted = R.slice().sort(function (a, b) { return (b === r) - (a === r) || res.pc[b.k] - res.pc[a.k]; });
|
||||
$('#rDims').innerHTML = radarSVG() + '<div class="dl">' + sorted.map(function (x) {
|
||||
$('#rDims').innerHTML = (R.length <= 6 ? radarSVG() : '') + '<div class="dl' + (R.length > 6 ? ' wide' : '') + '">' + sorted.map(function (x) {
|
||||
return '<div class="dr' + (x === r ? ' me' : '') + '"><span>' + esc(x.title) + '</span><span class="p num">' + res.pc[x.k] + '%</span><span class="tr"><i data-w="' + res.pc[x.k] + '"></i></span></div>';
|
||||
}).join('') + '</div>';
|
||||
} else {
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
/* 测一测 25 个测试的轻量目录(广场列表 / 信息流穿插用),由 tests.js 生成,改题后重新生成。 */
|
||||
window.GC_TESTS_META = [{"id":"t01","title":"孕妈孕期知识考卷","group":"quiz","type":"quiz","sub":"这些孕期常识,你真的懂吗","n":14,"min":4,"r":4},{"id":"t02","title":"准爸爸孕期助攻考卷","group":"quiz","type":"quiz","sub":"你是神助攻还是猪队友","n":14,"min":4,"r":4},{"id":"t03","title":"新手妈妈育儿摸底考卷","group":"quiz","type":"quiz","sub":"新手妈妈的第一张考卷","n":15,"min":5,"r":4},{"id":"t04","title":"新手爸爸带娃通关考卷","group":"quiz","type":"quiz","sub":"奶爸技能,你解锁了几项","n":14,"min":4,"r":4},{"id":"t05","title":"待产包认知考卷","group":"quiz","type":"quiz","sub":"待产包,你装对了吗","n":14,"min":4,"r":4},{"id":"t06","title":"新生儿护理小考卷","group":"quiz","type":"quiz","sub":"老人说的那些,到底对不对?","n":14,"min":4,"r":4},{"id":"t07","title":"产后恢复知识考卷","group":"quiz","type":"quiz","sub":"坐月子的老规矩,还灵吗?","n":15,"min":4,"r":4},{"id":"t08","title":"辅食添加知识考卷","group":"quiz","type":"quiz","sub":"第一口辅食,你喂对了吗?","n":15,"min":4,"r":4},{"id":"t09","title":"宝宝睡眠知识考卷","group":"quiz","type":"quiz","sub":"哄睡这件事,你懂多少?","n":15,"min":4,"r":4},{"id":"t10","title":"哺乳期饮食避坑考卷","group":"quiz","type":"quiz","sub":"喂奶期间到底该怎么吃?","n":15,"min":4,"r":4},{"id":"t11","title":"你是松弛型还是内卷型妈妈?","group":"psy","type":"type","sub":"带娃风格,一测就露馅","n":13,"min":3,"r":4},{"id":"t12","title":"你的带娃队友靠谱指数测试","group":"psy","type":"score","sub":"队友几颗星,测完就知道","n":13,"min":3,"r":4},{"id":"t13","title":"宝宝出生后你的角色适应力测试","group":"psy","type":"score","sub":"新手爸妈,你上手多快?","n":13,"min":3,"r":4},{"id":"t14","title":"你的产后情绪雷达测试","group":"psy","type":"score","sub":"给心情做个温柔小体检","n":13,"min":3,"r":4},{"id":"t15","title":"你属于哪种育儿观念?","group":"psy","type":"type","sub":"看看你心里的育儿理想","n":13,"min":3,"r":4},{"id":"t16","title":"你们夫妻育儿默契大测试","group":"psy","type":"score","sub":"带娃路上,你俩是神队友吗","n":13,"min":3,"r":4},{"id":"t17","title":"你的孕期焦虑等级小测试","group":"psy","type":"score","sub":"测测你现在是哪种心情天气","n":13,"min":3,"r":4},{"id":"t18","title":"你是精细养娃还是粗放养娃?","group":"psy","type":"type","sub":"测测你的带娃画风是哪一派","n":14,"min":3,"r":4},{"id":"t19","title":"二胎妈妈内心状态测试","group":"psy","type":"type","sub":"两个娃的妈,心里住着谁","n":13,"min":3,"r":4},{"id":"t20","title":"爷爷奶奶外公外婆育儿观念测试","group":"psy","type":"type","sub":"看看您是哪种宝藏长辈","n":13,"min":3,"r":4},{"id":"t21","title":"准爸爸胎教合格大挑战","group":"game","type":"quiz","sub":"准爸爸,这关你能闯几颗星?","n":13,"min":4,"r":4},{"id":"t22","title":"新手爸妈避坑能力测试","group":"game","type":"quiz","sub":"老话说的那些,你中招了吗?","n":14,"min":4,"r":4},{"id":"t23","title":"妈妈产后自我关怀指数测试","group":"game","type":"score","sub":"照顾宝宝之外,你照顾自己了吗?","n":13,"min":3,"r":4},{"id":"t24","title":"宝宝气质预判小测试","group":"game","type":"type","sub":"你家宝宝会是哪种小性格?","n":12,"min":3,"r":4},{"id":"t25","title":"你的孕期幸福感测试","group":"game","type":"score","sub":"测测你的孕期快乐值有多少","n":13,"min":3,"r":4}];
|
||||
/* 测一测 30 个测试的轻量目录(广场列表 / 信息流穿插用),由 tests.js 生成,改题后重新生成。 */
|
||||
window.GC_TESTS_META = [{"id":"t01","title":"孕妈孕期知识考卷","group":"quiz","type":"quiz","sub":"这些孕期常识,你真的懂吗","n":14,"min":4,"r":4},{"id":"t02","title":"准爸爸孕期助攻考卷","group":"quiz","type":"quiz","sub":"你是神助攻还是猪队友","n":14,"min":4,"r":4},{"id":"t03","title":"新手妈妈育儿摸底考卷","group":"quiz","type":"quiz","sub":"新手妈妈的第一张考卷","n":15,"min":5,"r":4},{"id":"t04","title":"新手爸爸带娃通关考卷","group":"quiz","type":"quiz","sub":"奶爸技能,你解锁了几项","n":14,"min":4,"r":4},{"id":"t05","title":"待产包认知考卷","group":"quiz","type":"quiz","sub":"待产包,你装对了吗","n":14,"min":4,"r":4},{"id":"t06","title":"新生儿护理小考卷","group":"quiz","type":"quiz","sub":"老人说的那些,到底对不对?","n":14,"min":4,"r":4},{"id":"t07","title":"产后恢复知识考卷","group":"quiz","type":"quiz","sub":"坐月子的老规矩,还灵吗?","n":15,"min":4,"r":4},{"id":"t08","title":"辅食添加知识考卷","group":"quiz","type":"quiz","sub":"第一口辅食,你喂对了吗?","n":15,"min":4,"r":4},{"id":"t09","title":"宝宝睡眠知识考卷","group":"quiz","type":"quiz","sub":"哄睡这件事,你懂多少?","n":15,"min":4,"r":4},{"id":"t10","title":"哺乳期饮食避坑考卷","group":"quiz","type":"quiz","sub":"喂奶期间到底该怎么吃?","n":15,"min":4,"r":4},{"id":"t11","title":"你是松弛型还是内卷型妈妈?","group":"psy","type":"type","sub":"带娃风格,一测就露馅","n":13,"min":3,"r":4},{"id":"t12","title":"你的带娃队友靠谱指数测试","group":"psy","type":"score","sub":"队友几颗星,测完就知道","n":13,"min":3,"r":4},{"id":"t13","title":"宝宝出生后你的角色适应力测试","group":"psy","type":"score","sub":"新手爸妈,你上手多快?","n":13,"min":3,"r":4},{"id":"t14","title":"你的产后情绪雷达测试","group":"psy","type":"score","sub":"给心情做个温柔小体检","n":13,"min":3,"r":4},{"id":"t15","title":"你属于哪种育儿观念?","group":"psy","type":"type","sub":"看看你心里的育儿理想","n":13,"min":3,"r":4},{"id":"t16","title":"你们夫妻育儿默契大测试","group":"psy","type":"score","sub":"带娃路上,你俩是神队友吗","n":13,"min":3,"r":4},{"id":"t17","title":"你的孕期焦虑等级小测试","group":"psy","type":"score","sub":"测测你现在是哪种心情天气","n":13,"min":3,"r":4},{"id":"t18","title":"你是精细养娃还是粗放养娃?","group":"psy","type":"type","sub":"测测你的带娃画风是哪一派","n":14,"min":3,"r":4},{"id":"t19","title":"二胎妈妈内心状态测试","group":"psy","type":"type","sub":"两个娃的妈,心里住着谁","n":13,"min":3,"r":4},{"id":"t20","title":"爷爷奶奶外公外婆育儿观念测试","group":"psy","type":"type","sub":"看看您是哪种宝藏长辈","n":13,"min":3,"r":4},{"id":"t21","title":"准爸爸胎教合格大挑战","group":"game","type":"quiz","sub":"准爸爸,这关你能闯几颗星?","n":13,"min":4,"r":4},{"id":"t22","title":"新手爸妈避坑能力测试","group":"game","type":"quiz","sub":"老话说的那些,你中招了吗?","n":14,"min":4,"r":4},{"id":"t23","title":"妈妈产后自我关怀指数测试","group":"game","type":"score","sub":"照顾宝宝之外,你照顾自己了吗?","n":13,"min":3,"r":4},{"id":"t24","title":"宝宝气质预判小测试","group":"game","type":"type","sub":"你家宝宝会是哪种小性格?","n":12,"min":3,"r":4},{"id":"t25","title":"你的孕期幸福感测试","group":"game","type":"score","sub":"测测你的孕期快乐值有多少","n":13,"min":3,"r":4},{"id":"t26","title":"你的母婴选品偏好,藏着你的育儿配置路线","group":"shop","type":"type","sub":"看看你挑东西最在意啥","n":15,"min":3,"r":6},{"id":"t27","title":"测一测|你的母婴采购是什么配置思路","group":"shop","type":"type","sub":"下单那一刻,暴露了你","n":15,"min":3,"r":6},{"id":"t28","title":"从母婴囤货选择,找到适合你的育儿好物方向","group":"shop","type":"type","sub":"囤货柜里藏着你的性格","n":15,"min":3,"r":6},{"id":"t29","title":"母婴消费配置测试:你属于哪一类育儿采购玩家","group":"shop","type":"type","sub":"8种玩家,你是哪一挂","n":15,"min":3,"r":8},{"id":"t30","title":"你的购物清单,决定你的育儿好物选择逻辑","group":"shop","type":"type","sub":"一张清单,看穿你的选法","n":15,"min":3,"r":6}];
|
||||
|
||||