Skip to content

超长内容测试

这是卡片摘要所依赖的首段:Nuxt Content 会把它写入 description,并在想法卡片上用 line-clamp 截断,末尾应出现省略号。下面正文仅用于弹窗内的完整渲染与滚动测试。

第一节

第一段补充说明:个人笔记里的想法有时会写得很长,列表卡片不应展示全部内容,只保留可读的一小段预览即可。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第二段补充说明:前端工程里常见做法是列表用纯文本摘要、详情用 Markdown 渲染。此处故意堆叠多段文字,模拟真实长文场景。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第三段补充说明:若你在本地打开想法页,点击本卡片应能看到完整正文,而卡片上只能看到被截断的首段摘要。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第二节

第四段补充说明:测试数据不应提交无意义的超长生产内容,但夹具里允许刻意加长。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第五段补充说明:可以继续向下滚动阅读更多段落。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第六段补充说明:滚动到底部时,应仍能通过 Esc 或遮罩关闭弹窗。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第三节

第七段补充说明:长文夹具也有助于观察固定高度卡片与响应式网格在极端内容下的表现。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第八段补充说明:若摘要与标题重复,请检查 frontmatter 与正文结构是否符合预期。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第九段补充说明:本段之后仍有多段文字,用于继续增加弹窗高度。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第十段补充说明:接近夹具末尾。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第十一段补充说明:再增加一段。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。

第十二段补充说明:最后一段,结束超长内容测试夹具。重复叙述用于拉长正文,便于在弹窗里验证滚动条是否正常工作。