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:
1 parent
9d5ac7adf9
commit
e51879667a
3 files changed
+110
-19
No files matched your search
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user