feat(首页): 此刻卡换应用 logo / 树洞星夜版 / 孕期小知识带孕周并压缩 (v26100102)
- 此刻:今日三项与动态的图标换成对应应用的 logo(取 App 表 logo,后台换即生效); 消消乐、盲盒用本站同风格 logo(assets/img/429ffcba0d6e.svg、b0087c3c012a.svg) - 妈妈的树洞重做为星夜版:深夜天幕 + 剪影树 + 旋转发光的漩涡树洞;每条心事化成天上一颗星(位置按时间戳固定); 扔进去时字逐个被吸进漩涡、洞口爆亮、新星射上天空;整块比旧版更矮。心事仍只存本机,热线兜底不变 - 孕期小知识:标题改「孕 N 周 · 今日孕期小知识」,右侧「本周第 N 天」;今日卡与圆点收紧,四张小卡改一行横滑(点开看全文) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
66
index.html
66
index.html
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26100101 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100102 缓存版本标记:改 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 第四节) -->
|
||||
@@ -332,8 +332,10 @@
|
||||
⚠️ 一周 7 个圆点 = 这一周的第 1–7 天。今天及以前可以点开回看;以后的几天锁着,
|
||||
写「明天见」—— 让每天回来看一条,而不是一口气翻完。 -->
|
||||
<section class="preg-tips hide" id="pregTips">
|
||||
<!-- 2026-10-01 用户要求:标题前写明孕周 ——「孕 26 周 · 今日孕期小知识」,按她填的孕周自动取,每天换一条;整块压矮一些。
|
||||
#ptWk 由 renderTips() 写;#ptWhen 改成「第 N 天」。下面四张小卡由 2×2 改成一行横滑,高度省一半。 -->
|
||||
<div class="pt-head">
|
||||
<h2 class="pt-title">孕期小知识</h2>
|
||||
<h2 class="pt-title"><span class="pt-wk" id="ptWk">孕 — 周</span>今日孕期小知识</h2>
|
||||
<span class="pt-when" id="ptWhen"></span>
|
||||
</div>
|
||||
<div class="pt-today" id="ptToday">
|
||||
@@ -453,40 +455,52 @@
|
||||
⚠️ 唯一的例外是安全提示:内容里出现明显的轻生字眼时,收好之后在卡内显示一行援助热线
|
||||
(12356 全国心理援助热线),这不是「回应心事」,是兜底,别删。
|
||||
⚠️ 纸团飞进树洞的动画靠 Element.animate;不支持的老内核直接跳到「已收好」,不影响收存。 -->
|
||||
<!-- 妈妈的树洞 · 星夜版(2026-10-01 重做:用户要「很有创意、炫酷,模块不用太大」)。
|
||||
一块深夜蓝的小天幕:右边一棵剪影树,树干上的洞是一个缓慢旋转的发光漩涡(#thHole);
|
||||
天上的每颗亮星 = 你扔进来的一条心事(#thSky 由 JS 按本机记录画,位置由时间戳哈希定,刷新不跳)。
|
||||
扔进去:输入的字一个个飞起、绕成弧线被吸进漩涡 → 洞口爆亮 → 一颗新星从洞里射上天空,停在那儿眨眼。
|
||||
⚠️ 心事仍然只存本机 localStorage(用户 2026-09-30 选定),不回应、不上传;轻生字眼兜底热线照旧。
|
||||
⚠️ 保留的 id:thText / thSend / thMine / thCount / thDone / thList / thHole —— app.js treeHole() 依赖。 -->
|
||||
<section class="tree-hole" id="treeHole">
|
||||
<div class="th-head">
|
||||
<h2 class="th-title">妈妈的树洞</h2>
|
||||
<span class="th-lock"><svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M7 10V7.5a5 5 0 0 1 10 0V10" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><rect x="4.5" y="10" width="15" height="11" rx="3" fill="currentColor"/></svg>只存在你的手机里</span>
|
||||
</div>
|
||||
<div class="th-stage">
|
||||
<p class="th-lead">烦心、委屈、害怕、说不出口的话,<br>都可以扔进来。树洞替你收着,<br>谁也看不到。</p>
|
||||
<svg class="th-tree" id="thTree" viewBox="0 0 120 124" aria-hidden="true">
|
||||
<g class="th-crown">
|
||||
<circle cx="40" cy="42" r="26" fill="#BFE0B4"/>
|
||||
<circle cx="78" cy="38" r="28" fill="#A9D59E"/>
|
||||
<circle cx="60" cy="22" r="22" fill="#C9E7BF"/>
|
||||
<circle cx="94" cy="58" r="17" fill="#B4DBA9"/>
|
||||
<circle cx="26" cy="62" r="15" fill="#B4DBA9"/>
|
||||
<circle cx="46" cy="28" r="3.2" fill="#F7B8A6"/><circle cx="84" cy="24" r="2.8" fill="#F9C9B8"/>
|
||||
<circle cx="96" cy="50" r="2.6" fill="#F7B8A6"/><circle cx="30" cy="52" r="2.6" fill="#F9C9B8"/>
|
||||
<circle cx="66" cy="44" r="2.4" fill="#F7B8A6"/>
|
||||
<div class="th-night" id="thNight">
|
||||
<div class="th-sky" id="thSky" aria-hidden="true"></div>
|
||||
<span class="th-moon" aria-hidden="true"></span>
|
||||
<i class="th-fly f1" aria-hidden="true"></i><i class="th-fly f2" aria-hidden="true"></i><i class="th-fly f3" aria-hidden="true"></i>
|
||||
<p class="th-lead">说不出口的话,扔进来<br><em>每一句,都会变成一颗星</em></p>
|
||||
<svg class="th-tree" id="thTree" viewBox="0 0 120 130" aria-hidden="true">
|
||||
<defs>
|
||||
<radialGradient id="thCore" cx="50%" cy="50%" r="50%">
|
||||
<stop offset="0" stop-color="#FFF6D8"/><stop offset=".45" stop-color="#FFC978"/><stop offset="1" stop-color="#FF8F6B" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<g class="th-crown" fill="#2A2B5C">
|
||||
<circle cx="38" cy="44" r="26"/><circle cx="80" cy="40" r="28"/><circle cx="60" cy="22" r="22"/>
|
||||
<circle cx="98" cy="60" r="16"/><circle cx="22" cy="64" r="15"/><circle cx="60" cy="56" r="24"/>
|
||||
</g>
|
||||
<path d="M46 130c4-20 5-38 3-56h22c-2 18-1 36 3 56z" fill="#2A2B5C"/>
|
||||
<path d="M54 82c-7-6-15-8-22-7M68 82c6-6 13-8 20-7" stroke="#2A2B5C" stroke-width="5" stroke-linecap="round" fill="none"/>
|
||||
<circle class="th-halo" cx="60" cy="102" r="17" fill="url(#thCore)"/>
|
||||
<ellipse cx="60" cy="102" rx="8" ry="10.5" fill="#0E0F2B"/>
|
||||
<g id="thHole" class="th-vortex">
|
||||
<path d="M60 94a8 8 0 0 1 7 9M60 110a8 8 0 0 1-7-9M53 97a5 5 0 0 1 9 1M67 107a5 5 0 0 1-9-1" stroke="#FFD58F" stroke-width="1.4" stroke-linecap="round" fill="none"/>
|
||||
<circle cx="60" cy="102" r="1.8" fill="#FFF3CF"/>
|
||||
</g>
|
||||
<path d="M50 124c3-18 3-34 1-52h20c-2 18-2 34 1 52z" fill="#D4A27C"/>
|
||||
<path d="M56 80c-6-6-14-8-20-7M66 80c5-6 12-8 18-7" stroke="#D4A27C" stroke-width="5" stroke-linecap="round" fill="none"/>
|
||||
<ellipse id="thHole" class="th-hole" cx="61" cy="98" rx="6.5" ry="9" fill="#7A5238"/>
|
||||
<ellipse cx="61" cy="99.5" rx="4" ry="6.2" fill="#5A3A26"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="th-form">
|
||||
<textarea id="thText" maxlength="500" rows="3" placeholder="今天想说点什么……"></textarea>
|
||||
<div class="th-row">
|
||||
<button class="th-mine" id="thMine" type="button">我的心事 <b id="thCount">0</b> ›</button>
|
||||
<button class="th-send" id="thSend" type="button">扔进树洞</button>
|
||||
<div class="th-form">
|
||||
<textarea id="thText" maxlength="500" rows="1" placeholder="今天想说点什么……"></textarea>
|
||||
<button class="th-send" id="thSend" type="button" aria-label="扔进树洞"><svg viewBox="0 0 24 24" width="17" height="17" aria-hidden="true"><path d="M12 2.5l2.3 6.2 6.2 2.3-6.2 2.3L12 19.5l-2.3-6.2L3.5 11l6.2-2.3z" fill="currentColor"/></svg></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="th-done" id="thDone" aria-live="polite"></div>
|
||||
<div class="th-row">
|
||||
<button class="th-mine" id="thMine" type="button">我的心事 · <b id="thCount">0</b> 颗星 ›</button>
|
||||
<div class="th-done" id="thDone" aria-live="polite"></div>
|
||||
</div>
|
||||
<ul class="th-list hide" id="thList"></ul>
|
||||
<p class="th-help">如果持续情绪低落、睡不好,或有伤害自己的念头,请告诉家人或医生,也可拨打心理援助热线 <a href="tel:12356">12356</a>。</p>
|
||||
<p class="th-help">持续低落、睡不好或有伤害自己的念头,请告诉家人或医生,也可拨打心理援助热线 <a href="tel:12356">12356</a></p>
|
||||
</section>
|
||||
|
||||
<!-- 模块三 · 书架卡带。
|
||||
|
||||
Reference in New Issue
Block a user