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

百问核心词小图改浅色蒙层+分类色字；列表卡按分类铺淡底色（v26110298）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 03:59:12 +00:00
parent 0aacc1c8d6
commit bb4d84fb85
12 changed files with 38 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
index.html
View File

@@ -7,10 +7,10 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26110297 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110298 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<link rel="stylesheet" href="js/hero-cd.css?v=26110297">
<link rel="stylesheet" href="js/hero-cd.css?v=26110298">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
<script>try{if(localStorage.getItem('mmbox.night.v1')==='1'){document.documentElement.classList.add('night');document.querySelector('meta[name=theme-color]').content='#2A2340'}}catch(e){}</script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
@@ -1727,9 +1727,13 @@
.qa-list .qa-q{gap:12px}
.qa-list .qa-a,.qa-list .qa-it.t3 .qa-a{margin-left:72px}
.qa-lc .qa-no{margin-top:2px}
.qa-kw.ph{background-size:cover;background-position:center;color:#fff;box-shadow:0 3px 8px -3px rgba(60,30,30,.35)}
.qa-kw.ph::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(40,20,20,.18),rgba(30,15,15,.58))}
.qa-kw.ph span{position:relative;text-shadow:0 1px 3px rgba(0,0,0,.45)}
/* 11-04 用户：「图抢了视觉、字不明显，底色别偏暗」→ 图上盖一层白色半透明，字保留分类色 + 白色描边，图只当淡淡的底纹 */
.qa-kw.ph{background-size:cover;background-position:center;box-shadow:0 3px 8px -4px rgba(120,80,60,.3),inset 0 0 0 1.5px rgba(255,255,255,.9)}
.qa-kw.ph::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.58),rgba(255,255,255,.72))}
.qa-kw.ph span{position:relative;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px rgba(255,255,255,.9)}
.qa-it.tc1{background:linear-gradient(110deg,#FFF0F4 0%,#FFFFFF 72%)}.qa-it.tc2{background:linear-gradient(110deg,#F3F0FF 0%,#FFFFFF 72%)}
.qa-it.tc3{background:linear-gradient(110deg,#EAF5FF 0%,#FFFFFF 72%)}.qa-it.tc4{background:linear-gradient(110deg,#FFF5E3 0%,#FFFFFF 72%)}
.qa-it.tc5{background:linear-gradient(110deg,#EAF8F1 0%,#FFFFFF 72%)}.qa-it.tc6{background:linear-gradient(110deg,#FFF1EA 0%,#FFFFFF 72%)}
/* 11-04 分类标签 / 本周热问 前的扁平图标 */
.qa-cat{display:inline-flex;align-items:center;gap:5px}
.qa-ci{width:14px;height:14px;flex:none;fill:#B49D97}
@@ -2586,17 +2590,17 @@
<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=26110297"></script>
<script src="guangchang/topics.js?v=26110298"></script>
<script src="js/app.js"></script>
<script src="js/hero-cd.js?v=26110297"></script>
<script src="js/kit.js?v=26110297"></script>
<script src="js/hero-cd.js?v=26110298"></script>
<script src="js/kit.js?v=26110298"></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=26110297';
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110298';
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;
@@ -2605,7 +2609,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=26110297'; bs.src = 'js/gch/brand.js?v=26110297';
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110298'; bs.src = 'js/gch/brand.js?v=26110298';
document.head.appendChild(bl); document.body.appendChild(bs);
}
})();
@@ -2616,7 +2620,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=26110297"></script>
<script src="js/coach.js?v=26110298"></script>
<script src="js/birth-flow.js?v=26110201"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->