GateDEX Transaction Status

把重要的资金状态反馈放在交易用户能及时看见的位置。

1. 01通知放在右上角区域，和交易面板保持接近。
2. 02覆盖充值、提现进度，以及重要状态变化提醒。
3. 03让用户不用离开交易场景，也能知道资金流程是否正常。

定义通知结构，让状态、交易信息和用户注意力各自有位置。

通知结构围绕三件事展开：单张卡片要说明什么，多条通知如何堆叠，以及通知在什么情况下关闭。

信息结构

状态标题、交易描述、状态 icon，以及当前交易结果。

多通知

多条通知在同一区域堆叠，保持一致的阅读节奏。

关闭规则

普通提示到时自动关闭；Hover 时暂停倒计时，给用户阅读细节的时间。

让状态变化显得及时、轻量，并且前后一致。

背景光晕动画不是只交给程序员看静态规范，而是用 v0 做成了可交付的动效原型，减少动效理解偏差。

进入退出

进入和退出使用 0.5s 的位移和透明度变化。

状态变化

成功和失败通过状态 icon 与短暂背景反馈，让结果更容易被注意到。

v0 交付

背景光晕动画用 v0 交付成可预览原型，减少动效理解偏差。

在 v0 中打开

一个小通知系统，解决的是资金流程里的高信任成本时刻。

这个项目不只是做一个好看的 Toast，而是把充值、提现的状态变化变得可见、可读、可判断，并且在高密度交易界面里保持足够克制。