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

v26110266 预览：广场去掉篇数/话题数；孕期百问列表改版（热问大卡+分类彩签+答案摘要，人数×3.6）；测一测列表按参考图改宫格卡

Browse Source 
Co-Authored-By: AI 助手
This commit is contained in:
deploy
2026-11-03 14:57:47 +00:00
parent 8c93d31083
commit a536e81e01
9 changed files with 178 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26110265 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110266 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
@@ -1649,20 +1649,17 @@
.qa-bn-t em{height:22px;padding:0 9px;border-radius:99px;background:rgba(255,255,255,.95);color:#F2533A;font-size:12px;font-style:normal;font-weight:900;line-height:22px}
.qa-bn-t b{font-size:19px;font-weight:900;line-height:1.3;color:#fff;letter-spacing:.3px;text-shadow:0 1px 6px rgba(200,60,30,.25)}
.qa-bn-t span{font-size:12px;font-weight:700;color:rgba(255,255,255,.92)}
.qa-bn img{position:absolute;right:-6px;bottom:-10px;width:128px;height:128px;object-fit:cover;object-position:center 25%;border-radius:50%;border:4px solid rgba(255,255,255,.55)}
.qa-bn>img{position:absolute;right:-6px;bottom:-10px;width:128px;height:128px;object-fit:cover;object-position:center 25%;border-radius:50%;border:4px solid rgba(255,255,255,.55)}
.qa-bn-o1,.qa-bn-o2{position:absolute;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
.qa-bn-o1{left:-30px;top:-40px;width:110px;height:110px}.qa-bn-o2{right:110px;bottom:-30px;width:70px;height:70px}
.qa-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.qa-st{font-size:11.5px;color:#A8938F}
/* 前 10 名热搜小标（微博式方块字） */
.qa-bd{flex:none;width:20px;height:20px;border-radius:5px;color:#fff;font-size:12px;font-weight:900;line-height:20px;text-align:center}
.qa-bd.bao{background:#D9232D}.qa-bd.fei{background:#F2533A}.qa-bd.re{background:#FF9A2E}.qa-bd.xin{background:#3E9BF5}
.qa-cats{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -16px;padding-left:18px;padding-right:18px;scrollbar-width:none}
/* 11-03 百问列表改版：Banner 头像叠 + 本周热问 3 大卡 + 卡片行（分类彩签 / 火苗人数 / 一行答案摘要） */
.qa-bn-t>span{display:flex;align-items:center;gap:6px}
.qa-avs{display:inline-flex;padding-left:6px}
.qa-avs img{width:20px;height:20px;margin-left:-6px;border-radius:50%;border:1.5px solid #FFB089;object-fit:cover;background:#fff}
.qa-cats{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 4px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
.qa-cats::-webkit-scrollbar{display:none}
.qa-cat{flex:none;padding:5px 12px;border-radius:99px;border:1px solid #F1DDD6;background:#fff;font:inherit;font-size:13px;color:#5E4B48}
.qa-cat small{margin-left:3px;font-size:11px;color:#A8938F}
.qa-cat.on{background:#F4593C;border-color:#F4593C;color:#fff;font-weight:700}
.qa-cat.on small{color:rgba(255,255,255,.8)}
.qa-cat{flex:none;height:32px;padding:0 13px;border-radius:11px;border:1px solid #F3E3DD;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#5E4B48;box-shadow:0 2px 6px rgba(190,120,100,.06)}
.qa-cat.on{background:linear-gradient(135deg,#FF7A59,#FF9F6E);border-color:transparent;color:#fff;font-weight:800;box-shadow:0 6px 12px -6px #F2533A}
.qa-topic{display:flex;align-items:center;gap:12px;margin:4px 0 10px;padding:8px 12px 8px 8px;border-radius:16px;background:linear-gradient(110deg,#FFEDE6,#FFF8F4);text-decoration:none;color:inherit}
.qa-topic.hide{display:none}
.qa-topic img{flex:none;width:54px;height:54px;border-radius:12px;object-fit:cover}
@@ -1670,23 +1667,53 @@
.qa-topic em{font-style:normal;font-size:11px;color:#F4593C;font-weight:700}
.qa-topic b{font-size:14.5px;color:#2F2424}
.qa-topic i{font-style:normal;font-size:20px;color:#E4A595}
.qa-list{display:flex;flex-direction:column;gap:8px}
.qa-it{border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(190,120,100,.07);overflow:hidden}
.qa-list{display:flex;flex-direction:column;gap:10px}
.qa-sec{display:flex;align-items:baseline;gap:8px;margin:14px 2px 0}
.qa-sec b{padding-left:9px;border-left:3px solid #FF8A65;font-size:17px;font-weight:900;line-height:1.1;color:#2F2424}
.qa-sec small{font-size:12px;color:#A8938F}
.qa-list.flt .qa-sec{display:none}
.qa-it{position:relative;border-radius:18px;background:#fff;box-shadow:0 3px 12px -2px rgba(190,120,100,.10);overflow:hidden}
.qa-it.hide{display:none}
.qa-q{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:0;background:none;font:inherit;color:inherit;text-align:left}
.qa-no{flex:none;width:20px;font-size:15px;font-weight:900;font-style:italic;color:#C9B4AF;text-align:center}
.qa-it.top .qa-no{color:#F2533A}
.qa-tx{font-size:15px;line-height:1.45;font-weight:600;color:#2F2424}
.qa-tag{flex:none;padding:0 6px;border-radius:6px;font-size:10.5px;line-height:17px;font-weight:700;background:#F6EEEB;color:#8A7471}
.qa-tag.hot{background:#FFE4DE;color:#E8492F}
.qa-ch{flex:none;font-style:normal;font-size:16px;color:#D9C2BC;transition:transform .2s}
.qa-q{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 12px 13px;border:0;background:none;font:inherit;color:inherit;text-align:left}
.qa-no{flex:none;width:24px;margin-top:1px;font-size:15px;font-weight:900;font-style:italic;color:#D3C2BD;text-align:center;font-family:-apple-system,"DIN Alternate","Helvetica Neue",sans-serif}
.qa-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.qa-tx{font-size:15px;line-height:1.45;font-weight:700;color:#2F2424}
.qa-mt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qa-tg{height:19px;padding:0 7px;border-radius:6px;font-size:11px;font-style:normal;font-weight:800;line-height:19px}
.qa-tg.c1{background:#FFE9EF;color:#E0507A}.qa-tg.c2{background:#EEEBFF;color:#6E5BD6}.qa-tg.c3{background:#E3F4FF;color:#2F86C9}
.qa-tg.c4{background:#FFF1DA;color:#D5871C}.qa-tg.c5{background:#E6F6EE;color:#2E9C6A}.qa-tg.c6{background:#FFEDE5;color:#E5683F}
.qa-st{display:inline-flex;align-items:center;gap:2px;font-size:11.5px;font-weight:600;color:#A8938F}
.qa-st svg{width:12px;height:12px;color:#FF6A3D}
.qa-st b{font-size:12.5px;font-weight:900;color:#F2533A;font-variant-numeric:tabular-nums}
.qa-sn{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.55;color:#9A8885}
.qa-sn.go{color:#E5683F;font-weight:700}
.qa-it.open .qa-sn{display:none}
/* 本周热问前 3：渐变底 + 大号渐变名次 + 摘要两行 */
.qa-it.t3{background:linear-gradient(135deg,#FFF4EE 0%,#FFFFFF 62%)}
.qa-it.t3.r2{background:linear-gradient(135deg,#FFF7E8 0%,#FFFFFF 62%)}
.qa-it.t3.r3{background:linear-gradient(135deg,#F3F0FF 0%,#FFFFFF 62%)}
.qa-it.t3::after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,101,.16),transparent 70%);pointer-events:none}
.qa-it.t3 .qa-q{padding:16px 12px 15px}
.qa-it.t3 .qa-no{width:34px;font-size:26px;line-height:1;margin-top:-1px;background:linear-gradient(180deg,#FF5A3C,#FFAA6E);-webkit-background-clip:text;background-clip:text;color:transparent}
.qa-it.r2 .qa-no{background-image:linear-gradient(180deg,#FF8A2E,#FFC86E)}
.qa-it.r3 .qa-no{background-image:linear-gradient(180deg,#8D6BFF,#C3AEFF)}
.qa-it.t3 .qa-tx{font-size:16px;font-weight:900}
.qa-it.t3 .qa-sn{-webkit-line-clamp:2}
.qa-list.flt .qa-it.t3{background:#fff}
.qa-list.flt .qa-it.t3::after{display:none}
/* 热搜小标（微博式方块字） */
.qa-bd{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;color:#fff;font-size:12px;font-weight:900;line-height:20px;text-align:center}
.qa-bd.bao{background:linear-gradient(135deg,#F0453A,#FF7A3D)}.qa-bd.re{background:#FF9A2E}.qa-bd.xin{background:#3E9BF5}
.qa-ch{flex:none;margin-top:1px;font-style:normal;font-size:16px;color:#D9C2BC;transition:transform .2s}
.qa-it.open .qa-ch{transform:rotate(90deg)}
.qa-a{display:none;margin:0 12px 13px 42px;padding:10px 12px;border-radius:12px;background:#FFF6F2;font-size:14px;line-height:1.75;color:#4A3B39}
.qa-a{display:none;margin:-4px 12px 14px 46px;padding:11px 13px;border-radius:12px;background:#FFF6F2;font-size:14px;line-height:1.75;color:#4A3B39}
.qa-it.t3 .qa-a{margin-left:56px}
.qa-it.open .qa-a{display:block}
.qa-it.hit{animation:qaHit 1.2s ease}
@keyframes qaHit{0%,40%{box-shadow:0 0 0 2px #F4593C}100%{box-shadow:0 2px 8px rgba(190,120,100,.07)}}
@keyframes qaHit{0%,40%{box-shadow:0 0 0 2px #F4593C}100%{box-shadow:0 3px 12px -2px rgba(190,120,100,.10)}}
.qa-more{display:block;margin:16px auto 4px;padding:8px 16px;border-radius:99px;border:1px solid #F1DDD6;background:#fff;font:inherit;font-size:13px;color:#E0573A}
html.night .qa-hero b,html.night .qa-tx,html.night .qa-topic b{color:#F1E6EE}
html.night .qa-hero b,html.night .qa-tx,html.night .qa-topic b,html.night .qa-sec b{color:#F1E6EE}
html.night .qa-it.t3{background:#2F2737}
html.night .qa-it,html.night .qa-cat,html.night .qa-more{background:#2F2737;border-color:rgba(255,255,255,.1);box-shadow:none}
html.night .qa-a{background:rgba(255,255,255,.06);color:#E3D6DE}
html.night .qa-topic{background:linear-gradient(110deg,#3a2a2a,#2c2222)}
@@ -2529,16 +2556,16 @@
<script src="/_bridge/avatar-picker.js?v=26101105"></script>
<script src="/_bridge/hand-icons.js?v=26101202"></script>
<script src="js/zodiac-art.js"></script>
<script src="guangchang/topics.js?v=26110265"></script>
<script src="guangchang/topics.js?v=26110266"></script>
<script src="js/app.js"></script>
<script src="js/kit.js?v=26110265"></script>
<script src="js/kit.js?v=26110266"></script>
<script>
/* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
11-02 用户：「用第一版，放到预览页面上」；后改定彩色卡 → 不带参数也默认用 V6 合并版（广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡），不滚动、不显示效果稿角标 */
(function () {
var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
if (!m) window.__gcDefault = 1;
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110265';
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110266';
var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/'; /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */
l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
s.src = dir + 'v' + n + '.js?' + q;
@@ -2547,7 +2574,7 @@
/* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
if (!/[?&]brand=0/.test(location.search)) {
var bl = document.createElement('link'), bs = document.createElement('script');
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110265'; bs.src = 'js/gch/brand.js?v=26110265';
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110266'; bs.src = 'js/gch/brand.js?v=26110266';
document.head.appendChild(bl); document.body.appendChild(bs);
}
})();
@@ -2558,7 +2585,7 @@
<script src="js/hero-fx.js"></script>
<!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
<script src="js/baby-limbs.js?v=26101201"></script>
<script src="js/coach.js?v=26110265"></script>
<script src="js/coach.js?v=26110266"></script>
<script src="js/birth-flow.js?v=26110201"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->