feat(landing): 官网页头 logo 换成品牌图标(与 favicon 同源)
## 背景 上一提交给全站上了 favicon(取自 `logo/圆切独立LOGO.svg`),但官网页头左上角 仍在用 `logo-1.png` —— 那是一套**不同的设计**(蓝圆角柜 + 6 节电池 + 侧把手/底脚), 与品牌图标(柜顶闪电 + 白色大圆弧)不是同一个图形,全站风格不统一。 ## 改动 `deploy/landing/index.html`: - `<img class="logo" src="logo-1.png">` → `<img class="logo" src="favicon.svg">` —— **直接用 favicon 同一个文件**,不再复制第二份,从机制上保证两处不会不一致; - `.logo` 加 `border-radius: 10px`:品牌图标是满幅方形(本身无圆角), 48px 下加一点圆角更像 app 图标,不至于是一块硬方块。 ## 顺带核对(未改动) - **管理端登录页** `web/public/logo.png` 是**横版锁标**(同一品牌图形 + "艾动智能"字样,蓝字白底)—— 与品牌图标同源,只是配色/版式不同; 登录页单独居中用横版合理,**保持不动**。 - **小程序**无 favicon/页头 logo 概念(tabBar 图标是另一套 PNG),不适用。 ## 实测 线上 HTML 已确认变更: ``` <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> border-radius: 10px; <img class="logo" src="favicon.svg" alt="艾动智能"> ``` `favicon.svg` 仍 200 / 21.1KB;nginx `nginx -t` 通过后 reload。 ## 可选的后续清理(未做,等你决定) `deploy/landing/` 下这些文件**已无任何引用**(`index.html` 里只剩 `favicon.svg` 与 CSS 背景 `hero-bg.png`): `logo-1.png`(398KB) / `logo-2.png`(374KB) / `logo-3.png`(471KB) / `cabinet.png`(1MB) —— 要不要一并删掉(含线上 `/data/landing/`)?
This commit is contained in:
parent
2aa002ca02
commit
8df2c0c7a0
@ -40,6 +40,8 @@ a { color: inherit; text-decoration: none; }
|
||||
height: 48px;
|
||||
width: auto;
|
||||
display: block;
|
||||
/* 品牌图标是满幅方形(本身无圆角),48px 下加一点圆角更像 app 图标,不至于是一块硬方块 */
|
||||
border-radius: 10px;
|
||||
}
|
||||
.top-name { font-size: 24px; font-weight: 800; color: #1A1C20; letter-spacing: 0.02em; }
|
||||
|
||||
@ -163,7 +165,8 @@ h1 .accent { color: #2563EB; }
|
||||
<!-- 上:顶部导航 -->
|
||||
<div class="top">
|
||||
<div class="top-brand">
|
||||
<img class="logo" src="logo-1.png" alt="艾动智能">
|
||||
<!-- 页头品牌图标:与 favicon 同一个文件(logo/favicon.svg),保证全站一致 -->
|
||||
<img class="logo" src="favicon.svg" alt="艾动智能">
|
||||
<span class="top-name">艾动智能</span>
|
||||
</div>
|
||||
<div class="top-links">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user