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

孕周门槛标签：锁住的宫格放开 overflow，右上角标签不被裁 v26101018

Browse Source 
Co-Authored-By: AI 助手
This commit is contained in:
karlcarlo
2026-10-11 14:14:04 +00:00
parent 0911393a44
commit 09d46c4e92
3 changed files with 5 additions and 3 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:26101017 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 --> <!-- V:26101018 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css"> <link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css"> <link rel="stylesheet" href="night.css">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） --> <!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->

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 = '26101017'; var VER = '26101018';
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));

4
mama-box.css
View File

@@ -4759,7 +4759,9 @@ a.skip:focus{left:16px;top:16px}
.apps-grid .app.is-locked::after{content:attr(data-lock);position:absolute;top:-11px;right:calc(50% - 34px); .apps-grid .app.is-locked::after{content:attr(data-lock);position:absolute;top:-11px;right:calc(50% - 34px);
padding:0 6px;border-radius:8px;background:#FFE9E1;color:var(--brand-dk);font-size:10px;font-weight:800;line-height:16px; padding:0 6px;border-radius:8px;background:#FFE9E1;color:var(--brand-dk);font-size:10px;font-weight:800;line-height:16px;
box-shadow:0 0 0 2px #FAF5F1,0 3px 8px rgba(244,89,60,.18);white-space:nowrap;pointer-events:none} box-shadow:0 0 0 2px #FAF5F1,0 3px 8px rgba(244,89,60,.18);white-space:nowrap;pointer-events:none}
/* 标签往上探出 11px（只压住图标右上角 5px），第一排上面得留出这点空，免得被滚动区裁掉 */ /* 宫格按钮带 .ripple（overflow:hidden 裁水波纹），锁住的这几格放开，否则探出去的标签会被切掉一半。
标签往上探出 11px（只压住图标右上角 5px），第一排上面得留出这点空 */
.apps-grid .app.is-locked{overflow:visible}
#appsGrid{padding-top:13px} #appsGrid{padding-top:13px}
.mini-card.is-locked::after{content:attr(data-lock);position:absolute;top:9px;right:9px; .mini-card.is-locked::after{content:attr(data-lock);position:absolute;top:9px;right:9px;
padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.72);color:#9A7E70;font-size:10px;font-weight:800;line-height:16px} padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.72);color:#9A7E70;font-size:10px;font-weight:800;line-height:16px}