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

应用磁贴: 有logo白底图盖满, 无logo才用彩色首字块(colorTheme全blue不能当统一底色) (v26090721)

Browse Source
This commit is contained in:
Karlcarlo
2026-09-08 01:46:23 +08:00
parent 2af6def2fd
commit 98534bd8e2
2 changed files with 10 additions and 7 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:26090720 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<link rel="stylesheet" href="mama-box.css?v=26090720">
<!-- V:26090721 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<link rel="stylesheet" href="mama-box.css?v=26090721">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>
@@ -1713,8 +1713,8 @@
加载失败/离线时 window.wx 为 undefined，goMall() 会降级为 toast 提示，
不影响应用其余功能。 -->
<script src="js/app.js?v=26090720"></script>
<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090720 -->
<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">v26090720</div>
<script src="js/app.js?v=26090721"></script>
<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090721 -->
<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">v26090721</div>
</body>
</html>

7
js/app.js
View File

@@ -197,10 +197,13 @@
grid.innerHTML = apps.map(a => {
const ico = a.logo || a.icon || '';
const name = a.name || a.identifier || '应用';
const color = a.colorTheme || appTileColor(name);
/* 有 logo：白底让图盖满；无 logo：用 colorTheme/调色板 + 首字彩色块。
⚠️ colorTheme 目前全是 'blue' 这种颜色名 —— 有图时别拿它当底色，
不然 37 个磁贴清一色蓝块，图加载前像坏了。 */
const bg = ico ? 'background:#fff' : 'background:' + (a.colorTheme || appTileColor(name));
const img = ico ? '<img src="' + ico + '" alt="" loading="lazy">' : (name.slice(0, 1));
return '<button class="app-tile ripple" data-url="' + encodeURIComponent(a.url) + '">' +
'<span class="app-ico" style="background:' + color + '">' + img + '</span>' +
'<span class="app-ico" style="' + bg + '">' + img + '</span>' +
'<span class="app-tile-name">' + name + '</span></button>';
}).join('');
/* 磁贴点击（事件委托，innerHTML 重建后不用重绑） */