jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

工具卡右下角水印 logo 淡一点小一点（28%→18%，尺寸约 8 成）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-01 09:48:31 +00:00
parent e6ac933393
commit ae16994bcc
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100118 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100119 缓存版本标记：改 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 第四节） -->

2
js/app.js
View File

@@ -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));

12
mama-box.css
View File

@@ -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,