From 0e91768da4a1c17f6117fc51c8dba370715d274e Mon Sep 17 00:00:00 2001 From: wangjia <809946525@qq.com> Date: Sat, 4 Jul 2026 00:08:01 +0800 Subject: [PATCH] =?UTF-8?q?feat(site):=20=E4=B8=8B=E8=BD=BD=E9=A1=B5?= =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E4=B8=93=E5=B1=9E=E5=9B=BE=E6=A0=87=20+=20?= =?UTF-8?q?=E6=A3=80=E6=B5=8B=E5=8D=A1=E6=94=BE=E5=A4=A7=E9=87=8D=E6=8E=92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 图标 sprite 新增 i-apple / i-android（simple-icons 品牌图标，填充式）与 i-tablet-smartphone（lucide），先登记原型 icons.js 再同步官网 icons.njk - 下载页 macOS/Android/iOS 卡片及当前平台检测卡换用专属图标（原为 copy/phone-call/funnel 错配） - 检测卡高度加倍：icbox 44→84、标题 16→22、内边距加大，新增引导行与版本徽章， 描述文字由 muted 灰改为正文色；窄屏按钮转全宽 Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o --- .superpowers/prototype/screens/icons.js | 4 +-- web/_includes/icons.njk | 2 +- web/download.njk | 40 +++++++++++++++---------- 3 files changed, 27 insertions(+), 19 deletions(-) diff --git a/.superpowers/prototype/screens/icons.js b/.superpowers/prototype/screens/icons.js index 7d784f0..750f36e 100644 --- a/.superpowers/prototype/screens/icons.js +++ b/.superpowers/prototype/screens/icons.js @@ -1,8 +1,8 @@ // 图标 sprite —— 单一真源（Lucide 官方图标，ISC 许可） // 所有屏用 引用；改此处一个 symbol，全局生效。 -// 共 97 个，源自 lucide-static。新增图标先在此登记 symbol，再用 use 引用。 +// 共 100 个：97 个源自 lucide-static，另有平台品牌图标 i-apple / i-android（simple-icons，填充式，path 自带 fill 覆盖描边样式）与 i-tablet-smartphone（lucide）。新增图标先在此登记 symbol，再用 use 引用。 (function(){ - var SPRITE=''; + var SPRITE=''; function inject(){ if(document.getElementById('ym-icon-sprite'))return; var d=document.createElement('div'); d.id='ym-icon-sprite'; d.style.cssText='position:absolute;width:0;height:0'; d.innerHTML=SPRITE; document.body.insertBefore(d,document.body.firstChild); } if(document.readyState!=='loading')inject(); else document.addEventListener('DOMContentLoaded',inject); })(); diff --git a/web/_includes/icons.njk b/web/_includes/icons.njk index c9b0911..41ae96c 100644 --- a/web/_includes/icons.njk +++ b/web/_includes/icons.njk @@ -1,3 +1,3 @@ {# 图标雪碧图 — 单一真相源：自 .superpowers/prototype/screens/icons.js 提取（lucide 同源）， 页面用 引用；修改图标请先改原型再同步 #} - + diff --git a/web/download.njk b/web/download.njk index 8b5702d..78ffbf9 100644 --- a/web/download.njk +++ b/web/download.njk @@ -3,15 +3,19 @@ layout: base.njk title: 下载 description: 下载岩美酒库管理系统客户端：Windows、macOS、Android、iOS 与免安装 Web 版。 pageStyle: | - .dl-hero{background:var(--mk-hero-grad); color:var(--on-accent); padding:64px 0 72px; text-align:center;} + .dl-hero{background:var(--mk-hero-grad); color:var(--on-accent); padding:64px 0 88px; text-align:center;} .dl-hero h1{color:var(--on-accent); font-size:var(--mk-h2); font-weight:800;} .dl-hero p{color:var(--on-accent-faint); margin:12px auto 0; max-width:36em;} - .detect{max-width:640px; margin:-40px auto 0; position:relative; z-index:2;} - .detect .card{display:flex; align-items:center; gap:18px; box-shadow:var(--sh-2); padding:20px 22px;} - .detect .icbox{width:44px; height:44px; border-radius:var(--r-lg); flex:none; display:flex; align-items:center; justify-content:center;} - .detect .icbox .ic{width:22px; height:22px;} - .detect b{display:block; color:var(--heading); font-size:16px;} - .detect span{color:var(--muted); font-size:var(--fs-sm);} + .detect{max-width:720px; margin:-56px auto 0; position:relative; z-index:2;} + .detect .card{display:flex; align-items:center; gap:26px; box-shadow:var(--sh-2); padding:34px 36px;} + .detect .icbox{width:84px; height:84px; border-radius:var(--r-lg); flex:none; display:flex; align-items:center; justify-content:center;} + .detect .icbox .ic{width:42px; height:42px;} + .detect .detect-info{flex:1; min-width:0;} + .detect .detect-eyebrow{color:var(--primary); font-size:var(--fs-xs); font-weight:800; letter-spacing:1px; margin-bottom:5px;} + .detect .detect-title{display:flex; align-items:center; gap:10px; margin-bottom:7px; flex-wrap:wrap;} + .detect b{color:var(--heading); font-size:22px; font-weight:800; line-height:1.3;} + .detect .detect-ver{font-family:var(--font-mono); font-size:var(--fs-xs); font-weight:700; color:var(--primary); background:var(--info-soft); padding:3px 10px; border-radius:var(--r-pill);} + .detect .detect-desc{display:block; color:var(--text); font-size:15px; line-height:1.7;} .detect .btn{margin-left:auto; flex:none;} .dl-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:46px;} .dl-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:20px 18px; display:flex; flex-direction:column; text-align:center;} @@ -35,7 +39,7 @@ pageStyle: | .changelog-body ul{margin:0; padding-left:20px; color:var(--muted); font-size:14px; line-height:1.8;} .changelog-intro{color:var(--muted); font-size:14px; margin:0 0 4px;} @media (max-width:900px){ .dl-grid{grid-template-columns:repeat(2,1fr);} } - @media (max-width:600px){ .dl-grid{grid-template-columns:1fr;} .detect .card{flex-wrap:wrap;} .changelog-entry{grid-template-columns:1fr;} } + @media (max-width:600px){ .dl-grid{grid-template-columns:1fr;} .detect .card{flex-wrap:wrap; padding:26px 22px; gap:18px;} .detect .btn{margin-left:0; width:100%;} .changelog-entry{grid-template-columns:1fr;} } ---
@@ -48,11 +52,15 @@ pageStyle: |
-
- Web 版 - 已自动识别你的设备，推荐以下版本。 +
+
已识别你的设备 · 为你推荐
+
+ Web 版 + v{{ changelog[0].version }} +
+ 浏览器直接访问，功能完整，无需下载安装。
- 立即使用 + 立即使用
@@ -67,7 +75,7 @@ pageStyle: | 下载
-
+

macOS

Apple Silicon / Intel
✓ 已签名公证
@@ -81,14 +89,14 @@ pageStyle: | 立即使用
-
+

Android

Android 6.0 及以上
✓ APK 直装
下载
-
+

iOS

iPhone / iPad
TestFlight 内测中
@@ -137,7 +145,7 @@ pageStyle: |