feat(首页): 删掉孕期每日小打卡;工具卡图标只留 LOGO 里的图形并改矢量 (v26093021)
- 删除首页「孕期每日小打卡」模块:HTML、.daily-check/.dc-* 样式、renderDaily 及产后收起逻辑、 三张专用图标。工具区重新成为首页第一块(首块间距规则本就按 :first-child 走)。 - 五张工具卡图标去掉 LOGO 外面的圆角方块 / 圆环底,只留里面的图形,全部改成 SVG: 数胎动小脚丫、胎儿估重表盘、数宫缩波形直接取自工具页原 SVG; 孕期体重(原图 128px webp)、孕检日历(原图 100px png)原图太小放大发糊,照原图配色重画为矢量。 - 图标位置微调,避开「记录」按钮和标题。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 21 KiB |
1
assets/img/3fb748e6df44.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="7 11 35 35"><path d="M9 31c3.6 0 4.2-13 7.6-13s4 13 7.6 13 4.2-13 7.6-13 4 13 7.6 13" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="38.5" r="2.1" fill="#F2B44A"/></svg>
|
||||
|
After Width: | Height: | Size: 282 B |
1
assets/img/5486081fed1b.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="10.3 10.3 27.4 27.4"><circle cx="24" cy="24" r="13.2" fill="#F8FBFF"/><path d="M24 24L31.6 16.6" stroke="#F2876E" stroke-width="3.2" stroke-linecap="round" fill="none"/><circle cx="24" cy="24" r="2.6" fill="#5E78B4"/></svg>
|
||||
|
After Width: | Height: | Size: 272 B |
|
Before Width: | Height: | Size: 34 KiB |
1
assets/img/6a738c6b4784.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.5 8 35 35"><ellipse cx="26" cy="30" rx="9" ry="11.5" transform="rotate(10 26 30)" fill="#fff"/><circle cx="14.5" cy="17" r="3.2" fill="#fff"/><circle cx="21.5" cy="13.5" r="2.8" fill="#fff"/><circle cx="28" cy="12.5" r="2.5" fill="#fff"/><circle cx="34" cy="14" r="2.2" fill="#fff"/><circle cx="38.5" cy="17.5" r="1.9" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 389 B |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
1
assets/img/a8775a486c4c.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 10 76 78"><rect x="16" y="22" width="68" height="62" rx="14" fill="#C7D9AC"/><path d="M16 42V36a14 14 0 0 1 14-14h40a14 14 0 0 1 14 14v6Z" fill="#8CAE64"/><rect x="30" y="12" width="9" height="18" rx="4.5" fill="#DDE9CC"/><rect x="61" y="12" width="9" height="18" rx="4.5" fill="#DDE9CC"/><rect x="25" y="48" width="50" height="28" rx="8" fill="#EEF4E5"/><path d="M38 62l7.5 7.5L62 53" fill="none" stroke="#6F9A48" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 538 B |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 27 KiB |
1
assets/img/e23a31b6fb87.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="6 4 88 92"><defs><linearGradient id="b" x1="0" y1="0" x2=".3" y2="1"><stop offset="0" stop-color="#FCCBBB"/><stop offset="1" stop-color="#F3A48F"/></linearGradient><linearGradient id="d" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#7A8089"/><stop offset="1" stop-color="#5A6069"/></linearGradient></defs><rect x="10" y="12" width="80" height="80" rx="20" fill="#E3826D"/><rect x="10" y="8" width="80" height="80" rx="20" fill="url(#b)"/><path d="M50 55V84M16 60H84" stroke="#EE9A85" stroke-width="1.2" opacity=".6"/><circle cx="50" cy="33" r="19.5" fill="#FFE6DC"/><circle cx="50" cy="33" r="17" fill="url(#d)"/><line x1="39.19" y1="36.93" x2="36.37" y2="37.96" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><line x1="37.51" y1="32.56" x2="35.51" y2="32.49" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="38.58" y1="27.92" x2="36.75" y2="27.10" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="41.32" y1="24.01" x2="39.93" y2="22.57" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="45.32" y1="21.41" x2="44.57" y2="19.56" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="50.00" y1="21.50" x2="50.00" y2="18.50" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><line x1="54.68" y1="21.41" x2="55.43" y2="19.56" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="58.68" y1="24.01" x2="60.07" y2="22.57" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="61.42" y1="27.92" x2="63.25" y2="27.10" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="62.49" y1="32.56" x2="64.49" y2="32.49" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="60.81" y1="36.93" x2="63.63" y2="37.96" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><path d="M50 38V21" stroke="#F58A70" stroke-width="3" stroke-linecap="round"/><circle cx="50" cy="39" r="5" fill="#F58A70"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
45
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:26093020 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26093021 缓存版本标记:改 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 第四节) -->
|
||||
@@ -174,35 +174,6 @@
|
||||
页面也因此有了两种宽度节奏:文字型内容仍在 26px 栏内,
|
||||
托盘和卡带出血到屏幕边缘。 -->
|
||||
<div class="home-body no-letter" id="homeBody">
|
||||
<!-- 孕期每日小打卡(2026-09-30)。用户原话:「给按钮加个小标签,同步最新状态……
|
||||
一眼就能拿到关键信息,点进去再看完整详情就行」「叫孕期每日小打卡,直白好懂」。
|
||||
三行都不是新功能,是把已有应用的「今天的状态」提到最上面一眼可见:
|
||||
数胎动 / 孕期体重 / 孕检日历,点整行 = 进对应应用(data-mini 复用工具卡那套 MINI_APP_MAP + jumpApp)。
|
||||
标签数据全部来自工具卡同一个接口(applyRemoteCards → renderDaily),**不另打请求**。
|
||||
⚠️ 默认标签是中性的动作提示(去记录 / 去称重 / 看产检安排),不写数字:
|
||||
接口没回来、访客态时它们就这样留着,不造假数据(AGENTS §4.2)。
|
||||
⚠️ 产后态整块收起(syncPregnancy 里 toggle .hide),孕期打卡对已生产的用户没意义。 -->
|
||||
<section class="daily-check" id="dailyCheck">
|
||||
<div class="dc-head">
|
||||
<h2 class="dc-title">孕期每日小打卡</h2>
|
||||
<span class="dc-done hide" id="dcDone"></span>
|
||||
</div>
|
||||
<button class="dc-row" data-mini="kick" data-dc="kick">
|
||||
<img class="dc-ico" src="assets/img/7980160b80b0.png" alt="" aria-hidden="true">
|
||||
<span class="dc-name">数胎动</span>
|
||||
<span class="dc-tag" id="dcKick">去记录</span><i class="chev" aria-hidden="true">›</i>
|
||||
</button>
|
||||
<button class="dc-row" data-mini="weight" data-dc="weight">
|
||||
<img class="dc-ico" src="assets/img/b2066fd752bf.png" alt="" aria-hidden="true">
|
||||
<span class="dc-name">称体重</span>
|
||||
<span class="dc-tag" id="dcWeight">去称重</span><i class="chev" aria-hidden="true">›</i>
|
||||
</button>
|
||||
<button class="dc-row" data-mini="cal" data-dc="cal">
|
||||
<img class="dc-ico" src="assets/img/2d23b079caca.png" alt="" aria-hidden="true">
|
||||
<span class="dc-name">产检</span>
|
||||
<span class="dc-tag" id="dcCal">看产检安排</span><i class="chev" aria-hidden="true">›</i>
|
||||
</button>
|
||||
</section>
|
||||
<!-- 模块一 · 工具托盘。
|
||||
抬头进了托盘里面:标题独占一行,右端「所有工具」做成白底细边胶囊;
|
||||
说明单独做成一枚浅色 chip,不再是标题底下一行贴边的灰字。
|
||||
@@ -220,8 +191,8 @@
|
||||
<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 原样取出,
|
||||
assets/img/*.png 透明底)。卡底色跟点进去的工具页同色系、稍深一档。
|
||||
<!-- 2026-09-30 五张卡改版:白色粗标题 + 各工具 LOGO 里的图形(取自点进去那个工具页左上角的 LOGO,
|
||||
去掉外面的圆角方块 / 圆环底,只留里面的图形;assets/img/*.svg 矢量)。卡底色跟点进去的工具页同色系、稍深一档。
|
||||
只换皮:排布、高度账、data-mini 跳转和各 id 的数据回填一律没动。样式见 mama-box.css「参考图改版」。 -->
|
||||
<!-- 五张工具卡 + 一个出口。宫格本身这一版没动:
|
||||
不等宽三列 + 竖向堆叠本来就是这一屏最不传统的部分,
|
||||
@@ -242,7 +213,7 @@
|
||||
<div class="mc-extra" id="kickExtra"></div>
|
||||
</div>
|
||||
<span class="mc-btn">记录</span>
|
||||
<img class="mc-art" src="assets/img/57e2da52315e.png" alt="" aria-hidden="true">
|
||||
<img class="mc-art" src="assets/img/6a738c6b4784.svg" alt="" aria-hidden="true">
|
||||
</button>
|
||||
<!-- 第五个工具。原来是「胎心记录」,本批换成「胎儿估重」——
|
||||
后者是真正部署好的站点(beian1.douba.top),点了能用;
|
||||
@@ -258,11 +229,11 @@
|
||||
<button class="mini-card fweight ripple" data-mini="fweight">
|
||||
<div class="mc-title sm">胎儿估重</div>
|
||||
<div class="mc-sub">去测算</div>
|
||||
<img class="mc-art" src="assets/img/d63a9ebd41e6.png" alt="" aria-hidden="true">
|
||||
<img class="mc-art" src="assets/img/5486081fed1b.svg" alt="" aria-hidden="true">
|
||||
</button>
|
||||
</div>
|
||||
<button class="mini-card weight ripple" data-mini="weight">
|
||||
<img class="mc-art big" src="assets/img/1619eff2a7e6.png" alt="" aria-hidden="true">
|
||||
<img class="mc-art big" src="assets/img/e23a31b6fb87.svg" alt="" aria-hidden="true">
|
||||
<div class="mc-title">孕期体重</div>
|
||||
<!-- ⚠️ 这里原来是写死的演示值「58.2 kg」,任何用户都会看到(2026-09-22 演示数据泄漏)。
|
||||
现在由 `applyRemoteCards()` 按 box_app 封装的卡片接口写入:
|
||||
@@ -275,7 +246,7 @@
|
||||
<button class="mini-card cal ripple" data-mini="cal">
|
||||
<div class="mc-title sm">孕检日历</div>
|
||||
<div class="mc-sub" id="calNext">—</div>
|
||||
<img class="mc-art" src="assets/img/9857cf22bbab.png" alt="" aria-hidden="true">
|
||||
<img class="mc-art" src="assets/img/a8775a486c4c.svg" alt="" aria-hidden="true">
|
||||
</button>
|
||||
<!-- 生长曲线原来是 flex:1,把这一列剩下的高度全吃了(约 134px),
|
||||
而它的内容和上面的孕检日历一模一样多。压到 80px,
|
||||
@@ -291,7 +262,7 @@
|
||||
<button class="mini-card curve ripple" data-mini="curve">
|
||||
<div class="mc-title sm">数宫缩</div>
|
||||
<div class="mc-sub" data-wk="cn">—</div>
|
||||
<img class="mc-art" src="assets/img/0552a97dc8a1.png" alt="" aria-hidden="true">
|
||||
<img class="mc-art" src="assets/img/3fb748e6df44.svg" alt="" aria-hidden="true">
|
||||
</button>
|
||||
<!-- 通往「记一下」弹层里那十几个工具。底部那颗 FAB 开的也是它。
|
||||
故意不做成糖果色卡:它不是第六个工具,是个出口,
|
||||
|
||||
51
js/app.js
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26093020';
|
||||
var VER = '26093021';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
@@ -1048,8 +1048,6 @@
|
||||
if (p) p.classList.toggle('is-empty', !!on);
|
||||
}
|
||||
function syncPregnancy() {
|
||||
/* 孕期每日小打卡:产后整块收起;其它状态都显示(标签默认是中性提示,不依赖孕周) */
|
||||
const _dc = $('#dailyCheck'); if (_dc) _dc.classList.toggle('hide', !!state.postpartum);
|
||||
/* 孕期小知识:只认真实孕周(自己判显隐,见 renderTips) */
|
||||
renderTips();
|
||||
/* ---- 产后态:宝宝已出生 → 一律不显示孕周数字(2026-09-22) ----
|
||||
@@ -3060,53 +3058,6 @@
|
||||
}
|
||||
mark('curve', cv);
|
||||
}
|
||||
renderDaily(r.day, k, w, cal);
|
||||
}
|
||||
|
||||
/* 孕期每日小打卡(2026-09-30):把 kick / weight / cal 三槽翻成一句话的状态标签。
|
||||
数据就是上面这份卡片接口,不另打请求;槽缺失就保留 HTML 里的中性提示(不造数)。
|
||||
「今天」以接口顶层 day(上游 YYYY-MM-DD,北京时间)为准,别拿本机时钟比 ——
|
||||
容器/手机时区不一定是东八区,差一天就会把「今日已称」判成「还没称」。
|
||||
⚠️ 上游字符串一律 textContent。 */
|
||||
function renderDaily(day, k, w, cal) {
|
||||
const tag = (id, text, kind) => {
|
||||
const el = $(id); if (!el) return;
|
||||
el.textContent = text;
|
||||
el.classList.toggle('is-done', kind === 'done');
|
||||
el.classList.toggle('is-warn', kind === 'warn');
|
||||
};
|
||||
const d10 = v => (v ? String(v).slice(0, 10) : '');
|
||||
let done = 0, total = 0;
|
||||
if (k) {
|
||||
total++;
|
||||
const n = parseInt(k.value, 10) || 0;
|
||||
if (n > 0) { done++; tag('#dcKick', '今日已记 ' + n + ' 次', 'done'); }
|
||||
else tag('#dcKick', '今天还没记', '');
|
||||
}
|
||||
if (w) {
|
||||
total++;
|
||||
if (day && d10(w.at) === day) { done++; tag('#dcWeight', '今日已称', 'done'); }
|
||||
else tag('#dcWeight', '今天还没称', '');
|
||||
}
|
||||
if (cal) {
|
||||
/* sub 形如「糖耐 · 孕25周」,取「·」前那段当检查名;拿不到就叫「产检」。
|
||||
NT 这类字母名前后补空格:「距 NT 还有 7 天」。 */
|
||||
let nm = String(cal.sub || '').split('·')[0].trim() || '产检';
|
||||
if (/^[A-Za-z]/.test(nm)) nm = ' ' + nm + ' ';
|
||||
const at = d10(cal.at);
|
||||
const diff = (at && day) ? Math.round((Date.parse(at) - Date.parse(day)) / 864e5) : NaN;
|
||||
if (cal.warn) tag('#dcCal', cal.label && cal.label !== '下次产检' ? cal.label : '待补记', 'warn');
|
||||
else if (cal.empty || isNaN(diff) || diff < 0) tag('#dcCal', '看产检安排', '');
|
||||
else if (diff === 0) tag('#dcCal', '今天' + nm.trim() + (nm.trim() === '产检' ? '' : '检查'), 'warn');
|
||||
else tag('#dcCal', '距' + nm + '还有 ' + diff + ' 天', '');
|
||||
}
|
||||
/* 抬头右端「今日已完成 1/2」:只数每天要做的两件(胎动、体重),产检不是每天的事 */
|
||||
const dd = $('#dcDone');
|
||||
if (dd && total) {
|
||||
dd.textContent = '今日已完成 ' + done + '/' + total;
|
||||
dd.classList.toggle('is-all', done === total);
|
||||
dd.classList.remove('hide');
|
||||
}
|
||||
}
|
||||
|
||||
/* ================= 宝宝消消乐 · 推广入口(2026-09-30) =================
|
||||
|
||||
52
mama-box.css
@@ -391,8 +391,8 @@ a.skip:focus{left:16px;top:16px}
|
||||
/* ⚠️ 这两条原来挂在 .sec-title 上。首页不再有 .sec-title 了,选择器必须跟着换到
|
||||
新的第一块 .tool-dock —— 忘了换不会报错,只会静默失效(来信卡收起来时
|
||||
头图底下那 64px 的洞补不回来),所以 smoke 里专门钉了一条。 */
|
||||
/* 2026-09-30:第一块换成了 .daily-check(孕期每日小打卡),这两条改成「谁是第一块就给谁」,
|
||||
.tool-dock 退成第二块,间距并进下面 .today-line,.shelf 那条 16px。 */
|
||||
/* 这两条写成「谁是第一块就给谁」:2026-09-30 曾在工具区前加过「孕期每日小打卡」,
|
||||
同日按用户要求删掉,第一块又回到 .tool-dock。 */
|
||||
.home-body>:first-child{margin-top:21px}
|
||||
/* 来信卡收起来时,它原本占的 64px 流高(margin-top:-16 + height:80)没了,
|
||||
只剩这 21px 顶着一大片橙色头图,太挤。补到 30px。
|
||||
@@ -414,7 +414,7 @@ a.skip:focus{left:16px;top:16px}
|
||||
对齐的是内容,出血的是底色,这两件事要分开。
|
||||
⚠️ 三块的圆角、底色、左右内边距改成在这里一处定义。以后要调,改这一条,
|
||||
别再回到各自的规则里单独写,那正是上一稿乱掉的原因。 */
|
||||
.daily-check,.tool-dock,.game-promo,.preg-tips,.today-line,.tree-hole,.shelf{
|
||||
.tool-dock,.game-promo,.preg-tips,.today-line,.tree-hole,.shelf{
|
||||
margin:0 -26px;padding:16px 26px 18px;border-radius:26px;
|
||||
background-color:#fff;
|
||||
/* ⚠️ 这两条是一对,缺一不可,而且必须一起看:
|
||||
@@ -525,32 +525,6 @@ a.skip:focus{left:16px;top:16px}
|
||||
底一变白,chip 的白底就没意义了,统一回灰字最干净。 */
|
||||
.dock-note,.sh-note,.tl-h-note{font-size:12px;color:var(--muted);line-height:1.5}
|
||||
|
||||
/* ============ 模块零 · 孕期每日小打卡(2026-09-30)============
|
||||
外壳走上面那条公共白色通栏(.daily-check 已并进去)。内部是三行「图标 · 名称 · 状态标签 · ›」,
|
||||
整行是按钮。标签三种状态:默认(浅橙,动作提示/未完成)、.is-done(绿,已打卡带 ✓)、
|
||||
.is-warn(红,待补记 / 今天就是产检日)。
|
||||
⚠️ 行高按手指靶子给到 46px;最窄 320 屏下标签最长是「距糖耐还有 12 天」≈ 100px,
|
||||
名称列固定不收缩、标签可省略,挤不爆。 */
|
||||
.daily-check{padding-top:14px;padding-bottom:8px}
|
||||
.dc-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
|
||||
.dc-title{font-size:16.5px;font-weight:800;letter-spacing:-.2px}
|
||||
.dc-done{margin-left:auto;flex:0 0 auto;font-size:12px;font-weight:600;color:var(--muted)}
|
||||
.dc-done.is-all{color:var(--green)}
|
||||
.dc-done.hide{display:none}
|
||||
.dc-row{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0;
|
||||
background:none;border:0;text-align:left;color:inherit;font:inherit}
|
||||
.dc-row+.dc-row{border-top:1px solid var(--line)}
|
||||
.dc-row:active{opacity:.6}
|
||||
.dc-ico{flex:0 0 auto;width:30px;height:30px;object-fit:contain}
|
||||
.dc-name{flex:0 0 auto;font-size:14.5px;font-weight:700}
|
||||
.dc-tag{margin-left:auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
|
||||
padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;
|
||||
color:var(--brand-dk);background:#FFF0EA}
|
||||
.dc-tag.is-done{color:var(--green);background:#EEF5EA}
|
||||
.dc-tag.is-done::before{content:"✓ "}
|
||||
.dc-tag.is-warn{color:var(--alert);background:#FDECE8}
|
||||
.dc-row .chev{flex:0 0 auto;font-size:16px;margin-left:-4px}
|
||||
|
||||
/* ============ 宝宝消消乐 · 推广入口(2026-09-30)============
|
||||
糖果色渐变大卡:左边名字 + 一句玩法 + 「开始玩」胶囊,右边 3×3 小棋盘循环演示「三连消除」,
|
||||
角上三颗星星闪烁。整张卡是一个按钮。动效在 prefers-reduced-motion 下关掉。 */
|
||||
@@ -779,9 +753,12 @@ a.skip:focus{left:16px;top:16px}
|
||||
投影值照抄 .mc-art 的原值不动:打光要跟邻居一致。 */
|
||||
.mini-card.fweight .mc-art{width:38px;right:11px;bottom:10px;
|
||||
filter:drop-shadow(0 5px 10px rgba(160,90,70,.18))}
|
||||
/* 2026-09-30 工具卡改版:白字 + 各工具自己的 LOGO(从点进去那个工具页左上角的 LOGO 原样取出,
|
||||
assets/img/*.png 透明底;数胎动 .brand-logo、孕期体重 img.brand-logo、孕检日历 .hero-brand i、
|
||||
胎儿估重 .lg、数宫缩 svg.brand-logo。工具页换 LOGO 时这里要重新取)。
|
||||
/* 2026-09-30 工具卡改版:白字 + 各工具 LOGO 里的图形(取自点进去那个工具页左上角的 LOGO:
|
||||
数胎动 .brand-logo、孕期体重 img.brand-logo、孕检日历 .hero-brand i、胎儿估重 .lg、数宫缩 svg.brand-logo)。
|
||||
用户要求只留 LOGO 里面的图形、不要外面的圆角方块 / 圆环底,并且要高清:
|
||||
数胎动 / 胎儿估重 / 数宫缩的原 LOGO 本身是 SVG,直接删掉底板那一层;
|
||||
孕期体重(128px webp)和孕检日历(100px png)原图是小位图、放大就糊,照原图配色重画成矢量。
|
||||
都在 assets/img/*.svg,工具页换 LOGO 时这里要重新取。
|
||||
卡底色取点进去那个工具页的主色系、饱和度再深一档(各工具页 theme-color / 主色见每行注释),
|
||||
这样从卡片点进去颜色是连着的。
|
||||
只换皮:上面那笔高度账(158+10+64 / 88+10+80+10+44)和版式一个数没动,
|
||||
@@ -797,14 +774,13 @@ a.skip:focus{left:16px;top:16px}
|
||||
.mini-card.fweight{background:linear-gradient(160deg,#86A5DA,#5472B4)} /* 胎儿估重页:浅蓝底 #E2ECF9、藏青 #3E5488 */
|
||||
.mini-card.curve{background:linear-gradient(160deg,#A08DD8,#7560B6)} /* 数宫缩页:淡紫底 #E7E1F3、紫 #7E68BC */
|
||||
.bento .mc-btn{background:#fff;color:#C95A36;box-shadow:0 3px 8px rgba(120,50,20,.2)}
|
||||
/* LOGO 是满幅的圆角方块 / 圆,不能再像插画那样出血到卡边外:一律离右下角 10px 左右。
|
||||
数胎动的 LOGO 跟卡同是橙色,靠投影把它从底色上托出来(五张统一挂同一档投影)。 */
|
||||
.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
|
||||
.mini-card.kick .mc-art{width:44px;right:10px;bottom:12px}
|
||||
/* 图形统一离右下角 10px 左右,挂一档浅投影,让白色图形在渐变底上立得住。 */
|
||||
.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}
|
||||
.mini-card.kick .mc-art{width:36px;right:10px;bottom:8px}
|
||||
.bento .mc-btn{position:relative;z-index:1}
|
||||
.mc-art.big{width:60px;margin:0 auto 8px}
|
||||
.mc-art.big{width:64px;margin:0 auto 8px}
|
||||
.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:30px;right:10px;bottom:9px}
|
||||
.mini-card.fweight .mc-art{width:34px;right:10px;bottom:15px}
|
||||
.mini-card.fweight .mc-art{width:30px;right:12px;bottom:17px}
|
||||
/* 告警(胎动偏低 / 宫缩达阈值 / 产检过期):糖果色底上 --alert 红看不清,换成亮黄字 */
|
||||
.bento .mini-card.is-warn .mc-sub,.bento .mini-card.is-warn .mc-sub b,
|
||||
.bento .mini-card.is-warn .mc-big,.bento .mini-card.is-warn .mc-big small,
|
||||
|
||||