fix(首页): 按下「孕期体重」等工具卡时卡片被撑长 (v26100106)

.bento .mini-card>*:not(.mc-art) 把点击时插入的涟漪 .rp 也改成 position:relative,
涟漪(卡宽 2.1 倍的圆)变成占位元素,flex 列布局的体重卡从 232px 撑到 ~590px。排除 .rp。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-01 02:47:28 +00:00
parent 1fa565ff2f
commit ec87d36db2
3 changed files with 3 additions and 3 deletions

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:26100105 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100106 缓存版本标记:改 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 第四节) -->

View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26100105';
var VER = '26100106';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

View File

@@ -735,7 +735,7 @@ a.skip:focus{left:16px;top:16px}
⚠️ 文字层必须压在水印上面:除 .mc-art 外的子元素一律 relative + z-index:1。
⚠️ 孕期体重那张原来是「图在上、字在下」的竖排,图标改成 absolute 退出文档流后,
标题和数字靠卡片自身的 flex 居中落在正中,不用另调。 */
.bento .mini-card:not(.more)>*:not(.mc-art){position:relative;z-index:1}
.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}