祈福树入口移到今日脚印右上角掀角;工具卡恢复「所有工具」(v26100447)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
15
index.html
15
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:26100446 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100447 缓存版本标记:改 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 第四节) -->
|
||||
@@ -97,10 +97,6 @@
|
||||
所以只能把气泡整体下移到 top:40,给字底留 6px。
|
||||
气泡一动,橙区那笔竖列账要连着重算 —— 已经算过,见 style.css 的 .home-hero。
|
||||
改字号 / 加字 / 挪气泡之前,把上面两笔账都重算一遍。 -->
|
||||
<!-- 2026-10-05 祈福小树(用户:「树藏在页面底部边缘,微微露出来」):放在头图右下角,下半截被下面的工具卡挡住,
|
||||
只有树冠顶从卡片上沿冒出来;⚠️ 必须排在 #heroWater / #heroBaby 后面:它们同为 z-index:1 的话后出现的盖住前面的;又必须在 #homeBody 前面,才会被卡片盖住。
|
||||
点它和卡片里的「祈福」两个字一样跳祈福树(js/app.js #dockQifu 附近)。 -->
|
||||
<a class="hero-qifu" id="heroQifu" href="/qifu-shu/" aria-label="宝宝祈福树"><img src="assets/img/qifu-tree.png" alt="" width="58" height="56"></a>
|
||||
<div class="hero-top">
|
||||
<!-- 2026-10-01 左上角文字换成正式 LOGO(用户提供的红字原稿)。头图是橙红底,红色原稿压上去会糊,
|
||||
所以抠成白色透明 PNG(按红色浓度转 alpha,3x 高清),和旁边白字 slogan、宝宝插画同一套白色语言。 -->
|
||||
@@ -195,10 +191,7 @@
|
||||
<span class="wm" aria-hidden="true">兜爸</span>
|
||||
<div class="dock-head">
|
||||
<h2 class="dock-title" id="dockTitle">宝宝的孕育工具</h2>
|
||||
<!-- 2026-10-05 用户:「把『所有工具』取消,右上角放祈福树,『祈福』两个小字,树在右上角露出一点点,偶尔动一动」。
|
||||
跳宝宝祈福树(第三方 H5,nginx /qifu-shu/ 反代到 taidong.douba.top;小程序 web-view 只放行业务域名)。
|
||||
「所有工具」抽屉本身没删,宫格最后那张「更多」仍能打开。样式见 mama-box.css「祈福树入口」。 -->
|
||||
<a class="dock-qifu" id="dockQifu" href="/qifu-shu/" aria-label="宝宝祈福树"><span class="dq-t">祈福</span></a>
|
||||
<button class="dock-all" data-sheet="open">所有工具 ›</button>
|
||||
</div>
|
||||
<p class="dock-note"><svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M11 2.6l1.9 5.2 5.2 1.9-5.2 1.9L11 16.8l-1.9-5.2L3.9 9.7l5.2-1.9L11 2.6z" fill="currentColor"/><path d="M18.4 14.6l.8 2.1 2.2.8-2.2.8-.8 2.1-.8-2.1-2.2-.8 2.2-.8.8-2.1z" fill="currentColor" opacity=".6"/></svg>妈妈每记录一次,宝宝就多一段成长记忆</p>
|
||||
<!-- 2026-09-30 五张卡改版:白色粗标题 + 各工具 LOGO 里的图形(取自点进去那个工具页左上角的 LOGO,
|
||||
@@ -414,6 +407,10 @@
|
||||
⚠️ 「AI」角标必须保留(唯一的机器生成提示,见 syncBabyWords 那段注释)。
|
||||
JS 依赖的 id / class(.today-line / #tlSteps / .step 系列 / #tlGuide* / .ai-bubble / .ab-say / #abTag / #tlTitle)都沿用。 -->
|
||||
<section class="today-line fp2">
|
||||
<!-- 2026-10-05 祈福树入口(用户:「放到今日脚印的右上角,把右上角掀开一点,露出祈福树」):
|
||||
卡片右上角像纸一样折起一角(.pl-flap 是翻过来的纸背),底下那块(.pl-hole)露出祈福树;点它跳祈福树(js/app.js #fpQifu)。
|
||||
之前放在工具卡右上角 / 头图底边的版本已撤,工具卡恢复「所有工具 ›」。样式见 mama-box.css「祈福树入口 · 今日脚印掀角」。 -->
|
||||
<a class="fp-peel" id="fpQifu" href="/qifu-shu/" aria-label="宝宝祈福树"><span class="pl-hole"><img src="assets/img/qifu-tree.png" alt="" width="36" height="35"></span><span class="pl-flapw"><span class="pl-flap"></span></span></a>
|
||||
<div class="fp-head">
|
||||
<div class="fp-cal" aria-hidden="true"><i class="fc-ring"></i><b id="fpCalD">--</b><span id="fpCalM">--</span></div>
|
||||
<div class="fp-ht">
|
||||
|
||||
Reference in New Issue
Block a user