|
@@ -0,0 +1,20 @@
|
|
|
|
|
+# 三端 favicon 候选(2026-10-14)
|
|
|
|
|
+
|
|
|
|
|
+| 文件 | 内容 |
|
|
|
|
|
+| --- | --- |
|
|
|
|
|
+| `favicon·三端候选.html` | 选型页,双击打开。20 个方案 × 3 端(字标类 A B C E 和 P Q R S T,通用图形类 D F G H I J,贴系统功能的图形类 K L M N O),每格 64/32/16 三个尺寸,下面是 Chrome 浅色、深色页签条里 16px 的实际效果;可三端统一也可混搭,底栏「复制」得到选择结果 |
|
|
|
|
|
+| `svg/<方案>-<端>.svg` | 60 个源文件(64 网格)。字标用系统字体 PingFang SC 600 / 系统无衬线,没有转成路径,离开 Mac 字形略有差异;定稿后再转路径 |
|
|
|
|
|
+| `png/<方案>-<端>-<尺寸>.png` | 16/32/48/64/180 位图,Chromium 实际栅格化的结果(透明底) |
|
|
|
|
|
+| `shots/` | 选型页截图和 1x 像素检查 |
|
|
|
|
|
+| `src/icons.mjs` | 方案定义:颜色取自 `../src/tokens.js` 的浅色 F(晴空渐变 #5AA9FF→#2F7FF5),字标沿用三端 `constants/system.ts` 的 SYSTEM_MARK(发 / 销 / T) |
|
|
|
|
|
+| `src/build.mjs` | 生成 svg/png/选型页,并用 Playwright 实际点一遍(三端都用、混搭、换肤、复制、刷新保留、清空);`cd src && node build.mjs` |
|
|
|
|
|
+
|
|
|
|
|
+方案:A 渐变字标(侧栏标志原样)、B 三端分色(发行蓝 / 销售青绿 #3BD0BC→#0FA896 / TRS 靛紫 #9C83FF→#6A4DE8)、C 圆形徽章、E 深底渐变字;图形类(2026-10-14 追加 F–J):D 票据/上升折线/互换箭头,F 纸飞机/上升柱/循环箭头(实心),G 层叠票据/价签/K 线,H 印章/投资者/天平,I 浅底蓝图形(扩音器/分发/闪电),J 圆底流向箭头(向上发出/送到一点/多空)。贴功能类(2026-10-14 第三批 K–O,取材自 业务全景与详解.md 和三端菜单):K 三方主体(工厂/门面/链接),L 票据+动作角标(+/¥/⇄),M 账房与资金(计算器/银行/百分号),N A/B 共赢(半实半空票据/两位投资者/半实半空圆),O 订单链路(盾牌+走势/订单勾选/芯片)。文字类第四批(2026-10-14 P–T):P 拼音首字母(F/X/T),Q 浅底蓝字(白底+渐变字),R 宋体字标(Songti SC 黑),S 深底字+分色底条(深蓝底、白字、底部色带取 B 的三端色),T 双字竖排(发/行、销/售、TRS 一行)。图形类任一方案都可以配 B 的三端分色。
|
|
|
|
|
+
|
|
|
|
|
+选定后的交付:每端 `favicon.ico`(16/32/48)、`favicon.svg`、`apple-touch-icon.png` 180、`icon-192.png`/`icon-512.png`;替换 `leopard/*_frontend/public/favicon.ico`,`index.html` 加 svg 的 `<link rel="icon">`,三端一起改并记代码改动记录。
|
|
|
|
|
+
|
|
|
|
|
+## 选定与交付(2026-10-14)
|
|
|
|
|
+
|
|
|
|
|
+用户选定 **C 圆形徽章**,三端统一。正式文件在 `交付/<端>/`:`favicon.ico`(16/32/48 三档 BMP,16 档是去环放大字的专用版)、`favicon.svg`(字已转路径)、`favicon-16/32/48.png`、`apple-touch-icon.png` 180、`icon-192.png`、`icon-512.png`;`交付/核对.png` 是选型页文字版与正式路径版的对照。
|
|
|
|
|
+生成:`src/glyphs.py`(fontTools,从 PingFang SC Semibold / Inter SemiBold 抽字形到 `src/glyphs.json`)→ `cd src && node deliver.mjs`。
|
|
|
|
|
+已复制进 `leopard/*_frontend/public/`(ico、svg、apple-touch-icon),index.html 加了 svg 和 apple-touch-icon 的 link;见 `CMS/代码改动记录/2026-10-14_三前端favicon换成圆形徽章.md`。
|