Dai0814
fefad82e78
mirror-to-gitee / mirror (push) Successful in 6s
现象：导航左上角显示成「雪羊科技物联网卡与设备管理平台」挤在一行， 副标题没有换行，还压到了 logo 上。 根因 siteTitle 里的副标题是 <span class="site-subtitle">，经 v-html 插入后， 其父级是 VitePress 自己的**裸 <span>（无 class）**，而不是 .title-text。 原样式写的是 `.VPNavBarTitle .title-text .site-subtitle`， 选择器永远匹配不上，display:block 从未生效，副标题只能行内跟随。 改动 - 选择器改为 .VPNavBarTitle .site-subtitle（去掉不存在的 .title-text） - 品牌名与副标题的容器改为 flex 纵向 + 垂直居中， 整体在导航高度内居中 - 副标题 11px / 0.03em 字距 / var(--p-ink-3) 弱化； 品牌名与副标题间距 3px - 响应式：≤860px 副标题缩到 10.5px；≤480px 隐藏副标题只留品牌名 - 新增 scripts/check-nav-brand.mjs 并接入 npm run check（prebuild/predev 自动跑）： 校验 siteTitle 的**品牌主体**必须是「雪羊科技」（允许带副标题 span）， 且 logo 配置与文件都存在。 反例全部验证：改成「雪羊开源」→ 拦；只留「雪羊科技」→ 通过； 改成「雪羊科技开源」→ 拦；删掉 siteTitle → 拦 验证 - 干净副本构建后实测三档宽度： 1440/860 → 「雪羊科技 ⏎ 物联网卡与设备管理平台」，display:block 390 → 只显示「雪羊科技」，副标题 display:none - 品牌区截图确认两行居中、不压 logo
17 lines
433 B
JSON
17 lines
433 B
JSON
{
|
|
"name": "snowgoat-open-portal",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vitepress dev . --host 127.0.0.1",
|
|
"build": "vitepress build .",
|
|
"preview": "vitepress preview . --host 127.0.0.1",
|
|
"check": "node scripts/check-registry.mjs && node scripts/check-nav-brand.mjs",
|
|
"prebuild": "npm run check",
|
|
"predev": "npm run check"
|
|
},
|
|
"devDependencies": {
|
|
"vitepress": "^1.6.4"
|
|
}
|
|
}
|