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

弹层全部孕期工具宫格限4行x4列, 超出宫格内滚动+细滚动条 (v26090723)

Browse Source
This commit is contained in:
Karlcarlo
2026-09-08 01:53:19 +08:00
parent f2eb903eff
commit 672655b022
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@@ -6,8 +6,8 @@
<meta name="theme-color" content="#F4593C">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>妈妈盒子 · 孕育陪伴</title>
<!-- V:26090722 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<link rel="stylesheet" href="mama-box.css?v=26090722">
<!-- V:26090723 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<link rel="stylesheet" href="mama-box.css?v=26090723">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>
@@ -1763,8 +1763,8 @@
加载失败/离线时 window.wx 为 undefined，goMall() 会降级为 toast 提示，
不影响应用其余功能。 -->
<script src="js/app.js?v=26090722"></script>
<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090722 -->
<div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090722</div>
<script src="js/app.js?v=26090723"></script>
<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090723 -->
<div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090723</div>
</body>
</html>

8
mama-box.css
View File

@@ -2642,3 +2642,11 @@ a.skip:focus{left:16px;top:16px}
/* 弹层「全部孕期工具」：无 logo 应用的字母兜底块（与 .a-ico 同尺寸） */
.apps-grid .a-ico-letter{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:22px;color:#fff;font-size:22px;font-weight:800}
/* 弹层宫格限 4 行 × 4 列：超出在宫格内部滚动（不撑长弹层）。
行高 minmax(92px,auto)：图标54 + 间距8 + 两行名称 ≈ 92，行行等高对齐；
4行 × 92 + 3 × 行距16 = 416px。 */
#appsGrid{grid-auto-rows:minmax(92px,auto);max-height:416px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px;scrollbar-width:thin;scrollbar-color:#E0CFC5 transparent}
#appsGrid::-webkit-scrollbar{width:4px}
#appsGrid::-webkit-scrollbar-thumb{background:#E0CFC5;border-radius:2px}
#appsGrid::-webkit-scrollbar-track{background:transparent}