返回产品瞬间
Motion Pack 25 · 内容变化

评论回复

提交回复后,让输入区收束为一条带身份和时间的讨论记录。

实时预览评论回复
MMina这个切换很自然。

实现一个评论回复:用户输入后点击回复,按钮短暂进入发送状态,评论线程底部插入带头像、姓名和“刚刚”时间的回复。保留输入焦点与后续继续回复能力,并提供减弱动效版本。

动效规则

新回复进入同一线程,并带出可追踪的身份与时间。

减弱动效

直接插入回复并更新状态文字,保留阅读顺序。

实现

HTML、CSS 与行为所需的 JavaScript 一起复制。