# 盘前 60 秒 · 10月27日

> 活页公开模板 `sample-premarket-60s` · 场景: 行情复盘 · 行业: 金融投资
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://space.24haowan.com/s/8Bj2deWvNT40 · 详情: https://space.24haowan.com/examples/sample-premarket-60s

## 这是什么

盘前 60 秒 · 开盘前一分钟动画播报

## 什么时候用

每个交易日开盘前给读者一段一分钟就看完的盘前速览：隔夜外盘、今天关注的板块、资金流向、今天盯住的三件事，做成能播放、能拖动、能点章节跳的竖屏动画，适合在微信里转发。收盘后写当天指数分时、板块涨跌和自选的长页复盘选 sample-market-recap；从自己组合视角每天记净值和调仓选 sample-portfolio-tracker；每天早上的行业新闻、价格与招标早报选 sample-daily-brief。

## 用户对助手说的原话

把今天的盘前要点做成一段 60 秒的竖屏动画播报，发成一个网页链接：深色舞台，顶上一行栏目名、更新时间和「示例数据」标；六章自动播放 —— 开场大字「盘前 60 秒」和日期，隔夜外盘六格（指数点位从小数滚到终值、涨跌幅、一条迷你走势线），今日关注板块（横条从昨天的涨跌幅过渡到今天，边动边重新排名，红涨绿跌），资金流向（北向资金大数字滚动、各行业主力流入流出左右对开的横条、近 10 日两市成交额折线一笔画出来），今天盯住三件事（编号、时间点、一句逐字浮出的话、一句怎么看），结尾一句每个交易日几点更新加一个关注按钮和不构成投资建议的提示；每章底部一行字幕，最下面是章节按钮、可拖动的进度条和播放暂停。关掉动效时改成同样内容的静态摘要。每个交易日开盘前更新到同一个链接。

如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

## 照着做一份

1. 读入口文件 https://space.24haowan.com/examples/sample-premarket-60s/source/index.html（它引用的其他文件见下方列表）。
2. 保留结构、版式和交互，把内容**全部**换成用户自己的；模板里的公司、人名、数字都是虚构的，一样都别留。
3. 交付一个自包含的单文件 HTML：样式写在页面里，不引外部字体 / 脚本 / CDN；手机 375 宽和电脑 1440 宽都要好看，模板有暗色就保留暗色。
4. 要发成微信里能打开、改了链接不变的网页：接入活页（https://space.24haowan.com/for-agents.md）后发布；没有账号也可以让用户在 https://space.24haowan.com/quick 上传这个文件。
5. 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-premarket-60s ，返回预览链接、7 天分享与认领链接（登录后保留、链接不变）。

## 页面结构

- 开场
- 隔夜外盘
- 关注板块
- 资金流向
- 今天盯住三件事
- 结尾

## 文件（公开，纯文本）

- https://space.24haowan.com/examples/sample-premarket-60s/source/index.html（入口）
- https://space.24haowan.com/examples/sample-premarket-60s/source/cover.webp

## 发成活页之后还能做的

- 同一链接每个交易日换新一期（每天往同一份页面发一个新版本）
- 读者点「关注更新」，新一期出来收到微信提醒（data-space="subscribe"）
- 章节目录点了跳到那一章接着播；阅读回执记到每一章（data-track-section）

## 发之前要备好

- 每个交易日定时更新：让助手每个交易日开盘前跑一次（需要助手那边能设定时任务），每次用同一个 proposal_id 发新版本，链接不变
- 数字是示例：换成真实行情时要写明数据来源，页内保留「不构成投资建议」

## 模板说明（README）

按 `core/space/examples/QUALITY.md` 整理成模板市场的样例包。示例数据，不构成投资建议；示例内容均为虚构。

## 演示哪个特色

**每个交易日往同一条链接换新一期 + 读者「关注更新」收微信提醒 + 一段能播、能拖、能点章节的竖屏动画。**

- 单文件、无外链。整页是一个 60 秒的时间轴：`CH[]` 六章，`render(t)` 按时间把每一章的数字滚到终值、横条长出来、折线一笔画出。
  底部是章节按钮、可拖动进度条、播放 / 暂停；点舞台任意处也能暂停。切到后台自动暂停，回来接着播。
- 六章各是一个 `.scene`，`id` = `data-track-section` = `manifest.sections[].anchor`（`open` / `overseas` / `sectors` / `funds` / `watch` / `end`）。
  只有正在播的那一章在视野里（其余平移到屏外），所以阅读回执记到的是读者真的看到了哪一章。
- 壳页目录点某一章：页内脚本收到 `{space:'goto'}` 就跳到那一章接着播。
- 结尾的「关注更新」按钮是 `data-space="subscribe"`：读者点了就订阅这一页，新一期发出时收到微信提醒。
- `prefers-reduced-motion` 或脚本不跑时，换成同样内容的静态摘要 `#static`（同名 `data-track-section`）。
- 页面只有深色舞台，manifest 写 `theme:"dark"`（与路演稿 `sample-pitch-deck` 同一取舍）：这是一块播放器，不做浅色版。
- 电脑上竖屏播放器居中成一块圆角屏，四周留暗场。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| 顶栏 `.top` | 栏目名、更新时间；「示例数据」标签换成真数据后可删 |
| `CH[]` | 六章的名字、起止秒数（`t` / `d`，加起来 = `TOTAL` 60 秒）和每章字幕 `c` |
| `TILES` | 隔夜外盘六格：`[名称, 点位, 涨跌幅%]` |
| `SEC` | 关注板块：`[板块, 今天涨跌%, 昨天涨跌%]`，动画从昨天过渡到今天并重新排名 |
| `FL` / `#northV` 的 38.6 | 主力资金流入流出（亿元）与北向资金净流入 |
| `VOL` | 近 10 日两市成交额（万亿），`.9`–`1.25` 是纵轴范围，超出要改 `render` 里的换算 |
| `THREE` | 今天盯住三件事：`[时间点或标题, 一句话, 怎么看]` |
| `#static` | 关掉动效时的静态摘要，和上面的数字同步改 |
| 结尾 `.outro` 与页脚 | 更新时间那句、风险提示；页脚平台标志与名称与 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME` 逐字一致（测试咬着），发自己的时候整段删掉 |
| `manifest.json` | `title` / `share.title` / `share.desc`（日期跟着改）；增删章节时 `sections`、`.scene` 的 `id` / `data-track-section`、脚本里的 `IDS` 同改 |

数字自洽：10 月 27 日是周二；三件事里的 9:30 工业企业利润是当月 27 日公布的那一项。真实行情要写明来源，页内保留「不构成投资建议」。

## 怎么发出去

单文件，MCP `publish_file` 最省事：

```
publish_file
  files: [{ path: "index.html", content: <index.html 全文> }, { path: "cover.webp", url: <封面的公开地址> }]
  title: "盘前 60 秒 · 10月27日"
  manifest: <manifest.json 的内容，去掉 entry>
  hold: true            # 先看预览，确认后 publish_version
```

有终端时整目录推：

```bash
export SPACE_TOKEN=sk-space-…            # MCP create_cli_token
node core/space/cli/space-cli.mjs push core/space/examples/sample-premarket-60s \
  --proposal <proposal_id> --manifest core/space/examples/sample-premarket-60s/manifest.json --note "10月27日" --hold
```

**每个交易日更新**：换掉数字和日期，再发一次，传同一个 `proposal_id` —— 链接不变，关注过的读者收到提醒。
定时跑交给助手那边的定时任务；默认仅自己可见，转发前用 `set_visibility` 改成 `public` 或口令。

## 素材

- `cover.webp`：分享卡封面，从页面截出，数字为示例。
- `thumb.webp`：画廊缩略图，由 `examples/verify-shots.mjs --write-thumb` 从成品截出，不进发布包。