feat(website): 官网首页首屏下面直接接一段下载区(版本 + 装什么 + 卡片)

- 首屏下面新增 `#download` 一整段,与 /download.html 是同一套类名、同一个 `assets/download.js`:
  访客不跳页就能下;完整的下载页仍然保留(顶栏「下载」指着它);
- `download.js` 改成两个页面都能跑:首屏那颗主按钮只有下载页有,所以它不再是必需元素 ——
  之前首页没有它,整个脚本会静默 return,那一段什么也不渲染;
- **兜底版本号改成"读页面自己显示的那一份"**:下载页读 `<meta name="ch-version">`,
  首页读顶栏那个版本徽标(`.brand-ver`)。两个都是 `pnpm version:bump` 的既有落点,
  所以不必为首页再添一个手写版本号(落点数仍是 14);
- 顺带:首页那条 Linux 安装命令现在也会跟着选中版本钉上 `--version`(原先不带);
- 修一处"字看着被切断":两个分段控件是**横滚**的,而滚动条被藏了起来
  (`scrollbar-width: none`),装不下时末尾那个版本号就是硬切一刀、还没有任何提示。
  现在溢出时右边缘淡出,滚到最右自动撤销;主按钮下面那行 mono 文件名也从 0.68rem 提到
  0.75rem(它原本是全站最小的字,再小就看着像被裁掉一截)。
This commit is contained in:
LoveChengke committed 2026-10-06 19:56:51 +08:00
1 parent 9d5ac7adf9
commit e51879667a
3 files changed
+110 -19

No files matched your search

+13 -5
View File
@@ -2138,6 +2138,13 @@ html:not(.reveal-pending) .display .reveal-grad {
display: none;
}
/* 装不下时右边缘淡出一点:滚动条是藏起来的,不提示的话末尾那个版本号像被切断了。
类名由 assets/download.js 按实际是否溢出挂上/摘掉(滚到最右就摘掉)。 */
.dl-seg.is-overflowing {
-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent 100%);
mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent 100%);
}
.dl-seg-item {
position: relative;
z-index: 1;
@@ -2399,7 +2406,7 @@ html:not(.reveal-pending) .display .reveal-grad {
display: block;
margin-top: 3px;
font-family: var(--mono);
font-size: 0.68rem;
font-size: 0.72rem;
line-height: 1.6;
color: var(--ink-2);
overflow-wrap: anywhere;
@@ -2412,12 +2419,13 @@ html:not(.reveal-pending) .display .reveal-grad {
color: var(--ink-3);
}
/* 主按钮下面那行:点下去到底拿到哪个文件(自托管场景里这个要看得见) */
/* 主按钮下面那行:点下去到底拿到哪个文件(自托管场景里这个要看得见)。
字号别往 0.68rem 以下压 —— 它是全站最小的字,再小就看着像被裁掉了一截。 */
.dl-card-file {
margin-top: 12px;
font-family: var(--mono);
font-size: 0.68rem;
line-height: 1.65;
font-size: 0.75rem;
line-height: 1.7;
color: var(--ink-3);
overflow-wrap: anywhere;
max-width: 100%;
@@ -2469,6 +2477,6 @@ html:not(.reveal-pending) .display .reveal-grad {
}
.dl-card-file {
font-size: 0.62rem;
font-size: 0.7rem;
}
}