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:
@@ -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 第四节) -->
|
||||
|
||||
@@ -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));
|
||||
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user