纠正: 应用列表渲染到「记一下」弹层的全部孕期工具宫格(#appsGrid), 首页 bento 恢复原样 (v26090722)
This commit is contained in:
13
mama-box.css
13
mama-box.css
@@ -2640,14 +2640,5 @@ a.skip:focus{left:16px;top:16px}
|
||||
@keyframes bump{0%{transform:scale(1)}45%{transform:scale(1.32)}100%{transform:scale(1)}}
|
||||
|
||||
|
||||
/* ================= 首页工具区 = 已上架应用宫格 =================
|
||||
数据来自 box_app /api/mp/apps(应用管理统一维护图标/名称/链接)。
|
||||
默认显示前 8 个,.expanded 时全量展开;点击磁贴带身份跳转对应 H5。 */
|
||||
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px;margin-top:14px}
|
||||
.app-grid:not(.expanded) .app-tile:nth-child(n+9){display:none}
|
||||
.app-tile{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:none;padding:0;cursor:pointer;min-width:0}
|
||||
.app-ico{width:52px;height:52px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(43,35,32,.08);display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;flex:0 0 auto}
|
||||
.app-ico img{width:100%;height:100%;object-fit:cover;display:block}
|
||||
.app-tile-name{font-size:11px;color:#2B2320;text-align:center;line-height:1.3;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.app-more{display:block;width:100%;margin-top:16px;padding:11px;border:1px dashed #E4D5CB;border-radius:12px;background:none;color:#A08C80;font-size:13px;font-weight:600;cursor:pointer}
|
||||
.app-more:active{background:#F3EAE3}
|
||||
/* 弹层「全部孕期工具」:无 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}
|
||||
|
||||
Reference in New Issue
Block a user