返回产品瞬间
Motion Pack 28 · 工作流表面

定时发布

为未来发布设置时间后,让发布时间、队列记录和可编辑状态彼此一致。

实时预览定时发布
定时发布选择发布时间

实现一个定时发布:用户选择日期和时间后点击“安排发布”,按钮短暂确认,页面顶部切换为已安排状态,下面插入一条带发布时间的队列记录。让新增记录在小位移中进入,并提供减弱动效版本。

动效规则

状态和队列记录使用同一个发布时间,方便后续编辑。

减弱动效

直接插入队列记录,保留发布时间和编辑入口。

实现

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