Aster

模块职责

• 所有页面共用同一套顶部框架（例如 /en、/en/spot/CDLUSD1、/en/trade/pro/futures/BTCUSDT），提供产品入口与账户/网络上下文。

页面可见的功能点

• 导航入口：Trade / Portfolio / Referral / Staking / Explorer / Rewards / More。
• 链选择：顶部显示 “BNB Chain”，作为当前网络上下文。
• 钱包连接：统一按钮 “Connect walletConnect”，说明以 WalletConnect 作为主要连接方式（或至少是默认展示）。
• 多语言与偏好：“Open Language Menu”、“Open Settings”。
• 响应式菜单：“Toggle Menu”，通常用于移动端收起/展开侧栏。
• 信息面板：在 /en、/en/trade/pro/spot/CDLUSD1 可见 “Announcements” 标题，以及 “Close this panel” 的关闭按钮，代表存在可折叠的侧边信息区。

战略意义（工程视角）

• 外壳把“现货/合约/收益”等能力绑定在同一套钱包与网络状态上，减少跨模块跳转时的重复授权与重新选择链。
• 同一套 header 贯穿 Simple（/en/spot/）与 Pro（/en/trade/pro/）路由，为后续做统一的权限控制、埋点与全局弹窗（公告、风险提示）提供稳定挂载点。

覆盖页面：/en、/en/spot/CDLUSD1，以及 /en/spot/CDLUSD1/trade、/swap。

模块做什么

• 提供 CDL/USD1 Spot 的一体化交易界面：行情头部 + 图表/深度组件 + 买卖下单。
• 支持通过搜索切换交易对（页面存在 Search 输入）。

页面上能直接看到的数据

• 标题/头部：“CDL/USD1” + “Spot”。
• 行情示例（不同页面快照略有变化）：
  • 最新价约 0.00349–0.00353。
  • 24h High：0.00383 / 0.00412；24h Low：0.00345 / 0.00333。
  • 24h Volume (USD1)：例如 35,075.87、32,608.09。

交互与组件结构

• 典型交易工作台 Tab：Chart / Order book / Trades / Depth / Info。
• 下单区分为 Buy / Sell，并有 Amount 输入；页面上出现 “0.00001” 这类精度/最小步进提示。

为什么要这样做

• Simple 模式把“发现（搜索 + 行情）→ 决策（K线/盘口）→ 成交（Buy/Sell）”压在一屏内，适合新用户或轻量交易。
• 通过统一的组件（深度、订单簿、成交）复用到其它子模块（如流动性/收益页），减少前端实现成本。

覆盖页面：/en/trade/pro/spot/CDLUSD1。

模块做什么

• 将现货交易放到 /trade/pro/ 命名空间下，和合约保持一致的“专业版”路由体系。
• 保留与 Simple 相同的市场组件（图表、订单簿、深度、成交），同时强调快速切换标的。

可见数据点

• CDL/USD1 Spot 最新价约 0.00352，跌幅 -4.09%。
• 24h High 0.00412、24h Low 0.00333、24h Volume (USD1) 33,601.75。

交互细节

• 明确可见 Search 输入框，更符合 Pro 用户频繁切交易对的需求。
• 仍有 Announcements 区域与 Close this panel，说明 Pro 页面也挂载了信息侧栏。
• 下单区保留 Buy / Sell + Amount（并展示类似 0.00001 的精度提示）。

战略意义

• Pro 路由是为高频/多产品用户准备的“统一入口”：前端可以在此叠加更复杂的布局（多面板、快捷键、条件单），而不破坏 Simple 的轻量体验。
• 统一命名空间也有利于跨产品共享状态（最近访问交易对、面板开关、公告已读等）。

覆盖页面：/en/trade/pro/futures/BTCUSDT。

模块做什么

• 提供 BTCUSDT Perp 永续合约交易界面，并在头部集中展示合约特有指标：标记价、指数价、资金费率/倒计时、24h 成交量、持仓量。

页面可见的关键指标（直接来自 UI）

• 最新价约 70,669.7–70,669.8。
• Mark 70,688.4、Index 70,717.1。
• Funding/Countdown 0.0028（并带倒计时语义）。
• 24h volume USDT 1,114,577,493.23。
• Open Interest 762,869,758.10。

交互与表单

• 下单输入为 Price 与 Size，与现货的 Amount 形成区分。
• 页面存在 Search，用于切换合约标的。
• 头部附近出现 “Shield” 控件，以及 “Close this” 关闭按钮，推测为风险保护/保险机制或侧栏模块的开关。

战略意义

• 资金费率、标记/指数与 OI 是合约风控的基础信息；将其放在固定头部可以降低用户对价格锚定与基差的误解。
• 超过 10 亿 USDT 的 24h 成交量展示用于建立“流动性足够”的预期，是合约产品常见的增长手段。

覆盖页面：/en/spot/CDLUSD1/liquidity、/en/spot/CDLUSD1/pool。

模块做什么

• 在现货交易对的路由下提供“池子/流动性”能力入口，暗示平台不仅做撮合交易，也希望沉淀 TVL。

页面上能看到的结构

• 仍保留市场头部（CDL/USD1，最新价约 0.00366–0.00367，并显示 24h Volume (USD1) 38.7K 一类数据）。
• /liquidity 页出现更明确的表格字段：
  • Price (USD1) / Amount (CDL) / Total (USD1)，并显示 0 的空状态（未连接钱包或无头寸时的默认值）。
• 仍可见 Buy / Sell 与 Amount 输入，说明该模块在 UI 层复用了交易表单组件（或流动性动作与挂单/报价逻辑相近）。

交互点

• 与交易页一致的 Close this panel、链选择、钱包连接等全局控件。

战略意义

• 把流动性入口放在交易对上下文里，能缩短“交易 → 做 LP/做池子”的路径，提升转化。
• 空状态清晰（0/无数据）也很关键：非托管产品的数据依赖钱包读链，前端需要稳定的占位与加载策略。

覆盖页面：/en/spot/CDLUSD1/earn、/farm、/stake。

模块做什么

• 为同一交易对提供多种收益型入口：
  • Earn：更偏“存入拿收益”的轻策略；
  • Farm：更偏激励/流动性挖矿；
  • Stake：更偏单币质押或金库型产品。
• 当前视图里未展示 APR/TVL 等核心指标，推测这些模块还在接入或需连接钱包后加载。

可见功能线索

• /earn 页面出现 “Min Trade Amount 0.01”，代表系统存在最小交易量校验提示，并且该提示被复用到了收益页。
• 页面结构仍是交易工作台（Chart / Order book / Trades / Depth / Info）+ Amount 输入；/farm、/stake 也可见 Buy / Sell 与 Price 标签，说明目前收益页的组件拆分还不彻底。
• 行情头部仍显示 Last 0.00367、24h High 0.00379、24h Low 0.00363、24h Volume (USD1) 38.73K。

战略意义

• 交易对维度的收益入口能把交易流量导向 TVL，形成“交易费 + 激励 + 资金沉淀”的闭环。
• 但收益页若长期呈现交易组件，会造成语义混乱；建议前端将 stake/farm 的表单与交易 ticket 解耦，明确输入字段与资产流向。

覆盖页面：/en/spot/CDLUSD1/portfolio。

模块做什么

• 目标应是展示用户在该市场的资产/订单，并提供更完整的订单类型选择，用于主动交易与风控。

当前页面暴露的问题与线索

• 标题区域显示 “/undefined”，并且 “24h Volume (undefined)”，明显是 symbol/market 上下文未正确绑定（路由参数、store 状态或数据请求失败）。

订单能力（从 UI 直接可见）

• 订单类型按钮/切换：Market / Limit / Stop Limit / Stop Market。
• 高级开关：“Toggle order type menu”。
• 订单约束：“Post Only”（只挂单，不吃单）。
• 余额相关：出现 “Avbl”（可用余额），说明连接钱包后会动态显示可用资产。
• 表单字段在快照中主要是 Amount，其它字段可能随订单类型展开。

战略意义

• 条件单与 Post Only 是“专业交易”最低门槛，决定现货是否能承接更高频、更强风控的用户。
• 但 Portfolio 页的 undefined 状态会直接影响信任感；建议优先修复上下文注入与空状态文案，保证未连接钱包/无数据时也能正确显示交易对信息。