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

首页星座卡片按囊壁定位，只压孕囊右下边缘 (v26100435)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-04 14:46:23 +00:00
parent 98a948db39
commit 914c3e1bed
3 changed files with 7 additions and 2 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="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title> <title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100434 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 --> <!-- V:26100435 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css"> <link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） --> <!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->

2
js/app.js
View File

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

5
mama-box.css
View File

@@ -4637,3 +4637,8 @@ a.skip:focus{left:16px;top:16px}
.t-badge.is-ring{width:17px;min-width:0;padding:0;background:#fff;border:1.5px solid #FF3B30;color:#FF3B30; .t-badge.is-ring{width:17px;min-width:0;padding:0;background:#fff;border:1.5px solid #FF3B30;color:#FF3B30;
font:800 10.5px/14px -apple-system,"PingFang SC",sans-serif;box-shadow:0 0 0 1.5px #fff,0 2px 6px rgba(255,59,48,.30)} font:800 10.5px/14px -apple-system,"PingFang SC",sans-serif;box-shadow:0 0 0 1.5px #fff,0 2px 6px rgba(255,59,48,.30)}
.t-badge.is-ring.d2{font-size:8.5px;letter-spacing:-.4px} .t-badge.is-ring.d2{font-size:8.5px;letter-spacing:-.4px}
/* 星座牌位置 二版（2026-10-04 用户：「星座不要压到孕囊上面，孕囊变小就整个压上去了；稍微压到孕囊最边上」）
原来 right/bottom 按 .hero-baby 方块百分比定，孕囊小（早孕 --k .42）时方块才 70 多 px，牌子整个盖住囊。
改成按囊壁定：孕囊图里囊壁半径 ≈ 方块边长 43%，取右下 40° 那一点（x≈83%、y≈78%），
牌子左边 30px 处对准那点、上边往里收 3px —— 只压住囊壁最外一圈，孕囊多大都一样。 */
.hero-zod{right:auto;bottom:auto;left:calc(74.5% - 30px);top:calc(85% - 3px)}