From 98cf42a1135024ffc06048a674768cd5cdc9df7f Mon Sep 17 00:00:00 2001 From: kaireewu Date: Sun, 1 Nov 2026 12:59:38 +0800 Subject: [PATCH] style(web): cap ranking search box at 320px --- README.md | 2 +- project.md | 2 +- reaction_board/web/static/style.css | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 98d870c..07b7bce 100644 --- a/README.md +++ b/README.md @@ -171,7 +171,7 @@ uv run python app.py serve --preview --config data/preview/config.json ``` - 首页默认“最新动态”：今日增量、最新入库、最近发布、增长动态、热度速览、收藏夹容量与采集状态； -- 「视频」与「UP主」是两个独立入口；工具条顺序为「排序」下拉 → 时间下拉（无需 label）→ 右侧自适应搜索框（放大镜按钮在输入框内），三者在 PC 与移动端都保持一行； +- 「视频」与「UP主」是两个独立入口；工具条顺序为「排序」下拉 → 时间下拉（无需 label）→ 右侧自适应搜索框（最大 320px，放大镜按钮在输入框内），三者在 PC 与移动端都保持一行； - 视频排序：内容效率（默认）、综合热度、发布时间、入库时间、播放/投币/收藏/评论、互动率、播放增量/播放增速；UP 排序：内容效率、互动效率、内容量、总播放、视频数、平均播放、总互动、最近发布； - 时间筛选：全部 / 近 7 天 / 近 30 天 / 近 90 天 / 近 1 年 / 已入库的年份；不再提供按收藏夹过滤，UP 页也不再按视频数筛选； - 内容效率 = 播放 / 内容小时；单条视频用 60 分钟先验暴露量向全库均值收缩，只统计时长 ≥ 600 秒、发布满 2 天、播放 ≥ 2000 的视频（综合热度榜同样要求播放 ≥ 2000）；UP 内容效率用经验贝叶斯收缩，避免极小样本冲榜； diff --git a/project.md b/project.md index 7a08c58..1a20bd9 100644 --- a/project.md +++ b/project.md @@ -703,7 +703,7 @@ UP 内容效率 = EB 收缩后的 Σview / Σ内容小时 | 首页 | 最新动态优先：今日增量、最新入库、最近发布、增长动态、热度速览、收藏夹容量、采集状态 | | **视频** | 排序下拉：内容效率（默认）/综合热度/发布时间/入库时间/播放/投币/收藏/评论/互动率/播放增量/播放增速；时间下拉：全部/7 天/30 天/90 天/1 年/年份；搜索框约 230px；不再按收藏夹过滤 | | **UP主** | 独立入口；排序下拉：内容效率/互动效率/内容量/总播放/视频数/平均播放/总互动/最近发布；时间下拉同上；不按视频数筛选 | -| 工具条 | 顺序为「排序」（带 label）→ 时间（无 label）→ 右侧自适应搜索框（放大镜按钮内嵌），gap 10px，PC 与移动均一行 | +| 工具条 | 顺序为「排序」（带 label）→ 时间（无 label）→ 右侧自适应搜索框（最大 320px，放大镜按钮内嵌），gap 10px，PC 与移动均一行 | | 数据说明 | 数据来源与更新节奏、三个时间概念、指标公式、时长/成熟窗口筛选、粉丝快照覆盖与已知局限；数值由 `/api/about` 动态读取当前配置 | | 视频详情 | 元数据 + 分 P 数 + 七项指标 + 内容/互动效率 + 入库时粉丝数 + 单指标趋势 + 同 UP 对比 + 快照表 | | UP 页 | 该 UP 全部视频、聚合趋势、单视频对比、总时长/播放·小时、入库时与当前粉丝数 | diff --git a/reaction_board/web/static/style.css b/reaction_board/web/static/style.css index fad5ed3..61b6432 100644 --- a/reaction_board/web/static/style.css +++ b/reaction_board/web/static/style.css @@ -538,6 +538,7 @@ h1, h2, h3, p { margin: 0; } display: flex; flex: 1 1 120px; min-width: 96px; + max-width: 320px; margin-left: auto; } .search-box { position: relative; display: flex; align-items: center; width: 100%; }