首页兜豆兑好物套上与其它模块一致的白色外壳

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-01 16:31:35 +00:00
parent 5da526fc5c
commit a688ce3a81
3 changed files with 10 additions and 4 deletions

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:26100141 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100142 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
@@ -357,7 +357,8 @@
</section>
<!-- 首页 · 兜豆兑换商城模块(2026-10-01):紧跟婴儿房(那张卡写着「攒兜豆把它布置好」),
顺着「兜豆」这条线往下接。头部一条 + 下面一排可兑好物;点哪儿都 openExchange()。 -->
<section class="exch-mod" id="homeExchMod">
<!-- 外层 .exch-wrap 套上和其它模块同款的白色外壳(2026-10-01 用户:「应该有个底色,跟其他模块一样」),里面粉色卡不变 -->
<section class="exch-wrap" id="homeExchMod"><div class="exch-mod">
<button class="exch-strip ripple" id="homeExch">
<span class="es-coin" aria-hidden="true"><svg viewBox="0 0 24 24" width="36" height="36"><ellipse cx="12" cy="12.5" rx="7.4" ry="8.6" fill="#FFB5C4" transform="rotate(-18 12 12.5)"/><path d="M13.8 6.6c-2.6 1.6-3.4 5.8-1.2 9.4" stroke="#fff" stroke-width="1.6" fill="none" stroke-linecap="round" opacity=".85"/><path d="M12 15.6c-1.9-1.1-2.9-2.2-2.9-3.2a1.4 1.4 0 0 1 2.9-.5 1.4 1.4 0 0 1 2.9.5c0 1-1 2.1-2.9 3.2z" fill="#F0607E"/></svg></span>
<span class="es-main"><b>兜豆兑好物</b><span id="homeExchSub">攒兜豆,好物免费兑</span></span>
@@ -365,7 +366,7 @@
</button>
<!-- 本场可兑好物(/mall/drop:有库存且已开售,按 heat_30m 降序取前 6),横向滑动;拉不到数据整行隐藏 -->
<div class="ex-goods hide" id="homeExchGoods"></div>
</section>
</div></section>
<!-- 模块二 · 今天的动线。
上一版这里是两个各自独立的模块:「AI今日小结」一张渐变卡,

View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26100141';
var VER = '26100142';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

View File

@@ -3244,3 +3244,8 @@ a.skip:focus{left:16px;top:16px}
.tab-fab .t-txt{font-weight:800;color:#F4593C}
.t-badge{top:6px;left:calc(50% + 9px);border-color:#fff;box-shadow:0 0 0 2px rgba(255,59,48,.18)}
@media (prefers-reduced-motion:reduce){.tab-fab .fab::after,.tab.is-active .t-ico{animation:none}}
/* 首页兜豆兑好物:和其它模块同一套白色外壳(出血 26px、圆角 26、暖色渐变底) */
.exch-wrap{margin:16px -26px 0;padding:16px 26px 18px;border-radius:26px;position:relative;z-index:0;
background-color:#fff;background-image:radial-gradient(170px 110px at 100% 0%, rgba(255,214,190,.38), rgba(255,214,190,0) 70%),linear-gradient(180deg,#FFFDFB,#FFF7F3)}
.exch-wrap .exch-mod{margin-top:0}