工具卡右上角「所有工具」换成祈福树入口(小树探头+偶尔摆动,跳 /qifu-shu/)(v26100440)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
BIN
assets/img/qifu-tree.png
Normal file
BIN
assets/img/qifu-tree.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26100439 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100440 缓存版本标记:改 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 第四节) -->
|
||||
@@ -191,7 +191,10 @@
|
||||
<span class="wm" aria-hidden="true">兜爸</span>
|
||||
<div class="dock-head">
|
||||
<h2 class="dock-title" id="dockTitle">宝宝的孕育工具</h2>
|
||||
<button class="dock-all" data-sheet="open">所有工具 ›</button>
|
||||
<!-- 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><img class="dq-tree" src="assets/img/qifu-tree.png" alt="" width="60" height="70"></a>
|
||||
</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,
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26100439';
|
||||
var VER = '26100440';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
@@ -542,6 +542,10 @@
|
||||
setStatusbar('auto');
|
||||
}
|
||||
$$('[data-sheet="open"]').forEach(b => b.addEventListener('click', openSheet));
|
||||
/* 工具卡右上角「祈福」小树 → 宝宝祈福树(2026-10-05)。走业务域名反代 /qifu-shu/,jumpApp 负责带身份和上报。 */
|
||||
const QIFU_URL = location.origin + '/qifu-shu/';
|
||||
const dq = $('#dockQifu');
|
||||
if (dq) dq.addEventListener('click', e => { e.preventDefault(); jumpApp(QIFU_URL); });
|
||||
$$('[data-sheet="close"]').forEach(b => b.addEventListener('click', closeSheet));
|
||||
scrim.addEventListener('click', closeSheet);
|
||||
|
||||
|
||||
18
mama-box.css
18
mama-box.css
@@ -4658,3 +4658,21 @@ a.skip:focus{left:16px;top:16px}
|
||||
可以压上孕囊一点点」)。23 周前:囊壁最低 ≈ 方块 93%,再空 3px;24 周起(JS 加 .is-big):往左收、往上提,压住囊壁右下一小截。 */
|
||||
.hero-zod{top:calc(93% + 3px)}
|
||||
.hero-baby.is-big .hero-zod{left:calc(60% - 30px);top:calc(88% - 6px)}
|
||||
|
||||
/* ============ 祈福树入口(2026-10-05) ============
|
||||
用户:「把『所有工具』取消,右上角放『祈福』两个小字,树在右上角露出一点点,偶尔会动一动」。
|
||||
· 小树贴在工具卡右上角,右边和顶上各有一截被卡片圆角 / 边线裁掉(.tool-dock 本来就 overflow:hidden),像从卡片外探进来;
|
||||
· 「祈福」小字在树左边,和标题同一行;整块都是点击区(≥44px 高);
|
||||
· 「偶尔动一动」:每 7 秒里前 6 秒静止,最后 1 秒绕树根轻轻摆 3 度左右再回正,不抢眼。 */
|
||||
.tool-dock{position:relative}
|
||||
.dock-head{position:relative}
|
||||
.dock-qifu{margin-left:auto;align-self:stretch;display:flex;align-items:center;gap:2px;
|
||||
padding:0 40px 0 10px;margin-right:-16px;min-height:44px;margin-top:-10px;margin-bottom:-10px;
|
||||
text-decoration:none;-webkit-tap-highlight-color:transparent}
|
||||
.dock-qifu .dq-t{font-size:12px;font-weight:700;color:#C2503E;letter-spacing:1px}
|
||||
.dock-qifu .dq-tree{position:absolute;right:-13px;top:-17px;width:44px;height:51px;
|
||||
transform-origin:46% 96%;animation:dqSway 7s ease-in-out infinite;
|
||||
filter:drop-shadow(0 1.5px 2px rgba(60,40,20,.22));pointer-events:none}
|
||||
.dock-qifu:active{opacity:.6}
|
||||
@keyframes dqSway{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(-3.5deg)}93%{transform:rotate(2.5deg)}97%{transform:rotate(-1deg)}}
|
||||
@media (prefers-reduced-motion:reduce){.dock-qifu .dq-tree{animation:none}}
|
||||
|
||||
Reference in New Issue
Block a user