diff --git a/index.html b/index.html index 4fb1934..c62bf93 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index c5141ba..9d647aa 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100118'; + var VER = '26100119'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/mama-box.css b/mama-box.css index fc06763..cbfe3dd 100644 --- a/mama-box.css +++ b/mama-box.css @@ -763,16 +763,16 @@ 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)} -/* 水印式图标:五张统一 28% 白、转 -12°、右下角出血(.mini-card 本身 overflow:hidden 负责裁边)。 +/* 水印式图标:五张统一 18% 白(10-01 用户嫌乍眼,从 28% 降下来、尺寸同时缩到约 8 成)、转 -12°、右下角出血(.mini-card 本身 overflow:hidden 负责裁边)。 ⚠️ 文字层必须压在水印上面:除 .mc-art 外的子元素一律 relative + z-index:1。 ⚠️ 孕期体重那张原来是「图在上、字在下」的竖排,图标改成 absolute 退出文档流后, 标题和数字靠卡片自身的 flex 居中落在正中,不用另调。 */ .bento .mini-card:not(.more)>*:not(.mc-art):not(.rp){position:relative;z-index:1} -.bento .mini-card:not(.more) .mc-art{filter:none;opacity:.28;transform:rotate(-12deg);pointer-events:none} -.mini-card.kick .mc-art{width:62px;right:-8px;bottom:-10px} -.mini-card.weight .mc-art.big{position:absolute;width:72px;right:-11px;bottom:-10px;margin:0} -.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:42px;right:-5px;bottom:-6px} -.mini-card.fweight .mc-art{width:40px;right:-5px;bottom:-9px} +.bento .mini-card:not(.more) .mc-art{filter:none;opacity:.18;transform:rotate(-12deg);pointer-events:none} +.mini-card.kick .mc-art{width:50px;right:-6px;bottom:-8px} +.mini-card.weight .mc-art.big{position:absolute;width:58px;right:-9px;bottom:-8px;margin:0} +.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:34px;right:-4px;bottom:-5px} +.mini-card.fweight .mc-art{width:32px;right:-4px;bottom:-7px} /* 告警(胎动偏低 / 宫缩达阈值 / 产检过期):糖果色底上 --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,