文本内容是生成的，很慢，大概 1-2 分钟
所以需要作一个 loading 页面，展示出内容正在生成。这个页面也会放置其它的内容，广告、友情提示、推荐
目前的设想，是前端向后端轮询，展示最后三行，也就是最新生成的文本
轮询好说，但怎么展示最后三行呢？
或者大家对于这个 loading 页面的设计，有没有别的好建议？
所以需要作一个 loading 页面，展示出内容正在生成。这个页面也会放置其它的内容，广告、友情提示、推荐
目前的设想，是前端向后端轮询，展示最后三行，也就是最新生成的文本
轮询好说，但怎么展示最后三行呢？
或者大家对于这个 loading 页面的设计，有没有别的好建议？
8 条回复 • 2024-08-30 19:03:01 +08:00
 |
1
Meursau1T 19 天前
有一种需求是文本收起状态只展示两行，点击展开按钮后再全部展示，使用-webkit-line-clamp 属性的，你可以瞅瞅，用那个方法可以限制行数，然后你再给整个文本区域定位改一下，把最后一行定在最下面，这样就是最后 N 行了
|
 |
2
zsh2517 19 天前 via Android
后端返回足够长（保证宽屏也能有三四行）的数据，然后前端底部对齐，预先测量好高度，只露出底部三行高度的文字？
高度可以开发的时候测量，或者创建一个样式相同，宽度相同的隐藏的容器，js 往里面加数据直到恰好三行。然后保留相同高度 |
 |
3
Mikawa 19 天前
我的想法和 2L 类似，不过如果是纯文字，可以用行高来处理高度
|
 |
4
wunonglin 19 天前
限制字数 + 行结合。
当限制最大字数 200 个字后，前端就可以根据页面计算需要显示多少行，这种场景往往页面宽度会限制最大宽度的，类似 v2 ，所以还是比较好实现的 |
 |
5
vacuitym 19 天前
歪个楼，为什么用轮询不用 websocket
|
 |
6
nitmali 19 天前
最简单的只留三行高度...
|
Select Language