diff --git a/index.html b/index.html index 89af6d3..277dd77 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index c727724..c91108f 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26101023'; + var VER = '26101024'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -388,6 +388,8 @@ /* 2026-10-11 用户:没开放的排到后面,不放最前面。能用的保持后台排序(data-ord),没开放的整体挪到末尾; 孕周到了解锁,就按 data-ord 回到原位。只挪 DOM 顺序,点击走事件委托不受影响。 */ const grid = $('#appsGrid'); + /* 有标签时行距拉开(标签探出图标上沿 9px,原 14px 行距会贴着上一行的名字) */ + if (grid) grid.classList.toggle('has-locked', tiles.some(t => t.classList.contains('is-locked'))); if (grid && tiles.length) { tiles.slice().sort((a, b) => (a.classList.contains('is-locked') - b.classList.contains('is-locked')) || (+a.dataset.ord - +b.dataset.ord)) .forEach(t => grid.appendChild(t)); diff --git a/mama-box.css b/mama-box.css index 6be331d..adf50f1 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4762,6 +4762,8 @@ a.skip:focus{left:16px;top:16px} /* 宫格按钮带 .ripple(overflow:hidden 裁水波纹),锁住的这几格放开,否则探出去的标签会被切掉一半。 标签往上探出 11px(只压住图标右上角 5px),第一排上面得留出这点空 */ .apps-grid .app.is-locked{overflow:visible} +/* 有「孕N周开放」标签时行距从 14 拉到 24:标签离上一行名字留出约 15px,不挤 */ +#appsGrid.has-locked{row-gap:24px} #appsGrid{padding-top:13px} .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}