📋 行情 — 产品需求文档 (PRD)

页面编号：P002  |  版本：v2.0  |  负责人：产品经理  |  更新日期：2026-04-15

1. 页面定位与目标

行情页是用户了解全市场动态的核心页面，提供全币种实时行情数据、多维度排序筛选能力以及自选收藏功能。通过高效的信息密度帮助用户快速做出交易决策。

核心指标：行情页到交易页转化率 ≥ 20%；自选列表使用率 ≥ 35%；页面首屏加载 ≤ 1.5s；WebSocket 推送延迟 ≤ 200ms。

🧱 2. 模块拆解

2.1 分区 Tab 栏

• ⭐ 自选 — 用户手动收藏的币种列表，登录后可跨设备同步；空状态引导用户添加自选；支持拖拽排序
• USDT 区 — 所有以 USDT 为计价货币的交易对，默认按 24H 成交额降序排列
• BTC 区 — 所有以 BTC 为计价货币的交易对
• 新币 — 近 30 天内新上线的交易对，带 "NEW" 角标，按上线时间倒序
• Tab 栏支持运营后台动态配置：可增减 Tab、调整顺序、控制新币区的时间窗口

2.2 行情列表

• 每行展示：币种图标 + 名称/交易对 + 24H成交量（文字标注）+ 迷你 K 线缩略图 + 最新价 + 24H涨跌幅标签
• 迷你 K 线：取最近 24H 的 1 分钟 K 线数据，生成 14 根柱状缩略图，涨为绿色，跌为红色
• 价格闪烁动画：当 WebSocket 推送新价格时，若价格上涨则数字短暂闪绿，下跌闪红（duration: 300ms）
• 24H涨跌幅标签：正数绿底绿字（+X.XX%）、负数红底红字（-X.XX%），保留两位小数

2.3 排序功能

• 点击表头可按以下字段排序：名称（A-Z / Z-A）、最新价（高→低 / 低→高）、24H涨跌幅（高→低 / 低→高）
• 排序状态以 ↕ / ↑ / ↓ 图标指示，每次点击循环切换三态
• 默认排序：24H 成交额降序（最活跃的交易对靠前）

2.4 自选功能

• 长按币种行弹出操作菜单，可选择「添加自选」或「移出自选」
• 也可在币种详情页通过 ☆/★ 图标操作
• 自选列表需登录后使用，未登录时引导登录
• 自选数据通过 API 持久化存储，支持跨设备同步

📡 3. 数据规格与技术方案

性能优化策略：

• 列表使用虚拟滚动（Virtual List），仅渲染可视区域内的行，支持 500+ 交易对无卡顿
• WebSocket 消息合并：100ms 内的多条更新合并为一次 DOM 刷新，避免频繁重绘
• 迷你 K 线使用 Canvas 绘制（非 SVG），降低 DOM 节点数量
• 图片资源（币种图标）使用 CDN + 本地缓存，首次加载后不再请求

📐 4. 埋点与异常处理

异常场景：WebSocket 断连 → 顶部展示黄色"网络异常"提示条 + 自动重连（指数退避，最大间隔30s）；数据加载失败 → 展示骨架屏 + "加载失败，点击重试"；行情列表为空 → 展示空状态插图 + "暂无交易对"

📋 交易 — 产品需求文档 (PRD)

页面编号：P003  |  版本：v2.0  |  负责人：产品经理  |  更新日期：2026-04-15

1. 页面定位

交易页是平台核心变现页面，用户在此完成现货资产的买入和卖出操作。页面设计需在「信息密度」和「操作便捷性」之间取得平衡：专业用户需要深度图、K线指标等决策工具，新手用户需要简洁清晰的下单流程。

核心指标：下单完成率 ≥ 85%；下单到成交平均延迟 ≤ 50ms；页面崩溃率 ≤ 0.01%；用户满意度 NPS ≥ 60。

🧱 2. 模块拆解

2.1 交易对选择器

• 顶部显示当前交易对名称 + 24H涨跌幅标签，点击名称弹出交易对选择浮层
• 选择浮层支持搜索 + 分区 Tab（自选/USDT/BTC），复用行情列表组件
• 右侧显示两个快捷图标：📊 跳转币种详情页查看完整图表、📋 跳转委托记录页
• ← 返回按钮返回上一页面（行情页或币种详情页）

2.2 K 线图表区

• 支持 7 档时间粒度：分时（tick）、1m、5m、15m、1H、4H、1D
• 默认展示 15m 粒度，用户可点击时间标签切换
• 图表功能：缩放（双指捏合）、平移（拖拽）、十字线（长按显示精确价格和时间）
• 技术指标：默认显示 MA(7) + MA(25)，可在设置中开启 EMA、BOLL、MACD、RSI、KDJ 等
• 右上角 ⤢ 按钮进入全屏横屏模式，提供更大的图表分析空间
• 图表底部显示成交量柱状图，涨绿跌红

2.3 盘口深度区

• 左侧卖盘（Ask），右侧买盘（Bid），各展示 5 档价格深度
• 每档显示价格 + 数量 + 累计量背景条（以最大累计量为 100% 标准化）
• 交互关键：点击盘口任意一档价格，自动将该价格填充至下单区的价格输入框
• 数据通过 WebSocket 实时推送，采用增量更新策略（depth_update 事件），降低带宽消耗
• 盘口中央展示最新成交价（大字号），带涨跌方向箭头

2.4 下单表单区

• 买入/卖出 Tab — 切换买入（绿色主题）和卖出（红色主题）模式，切换时按钮颜色、可用余额币种随之变化
• 委托类型 — 限价（默认）/ 市价 / 止盈止损三种委托方式：
  • 限价单：用户设定价格和数量，撮合引擎在达到目标价时执行
  • 市价单：隐藏价格输入框，仅需输入数量或金额，以当前最优价格立即成交
  • 止盈止损：设置触发价 + 委托价 + 数量，触发价达到时自动挂出限价单
• 价格输入框 — 默认填充最新市价，支持手动输入；带 +/- 步进按钮（步进值 = 价格精度单位）
• 数量输入框 — 输入买入/卖出数量；实时显示预估金额（= 价格 × 数量）
• 百分比滑块 — 0% / 25% / 50% / 75% / 100% 快捷设置仓位比例（基于可用余额计算）
• 可用余额 — 显示当前交易方向的可用余额（买入显示 USDT 余额，卖出显示币种余额）
• 提交按钮 — 买入为绿色「买入 XXX」、卖出为红色「卖出 XXX」

🔐 3. 风控规则

📐 4. 下单流程与状态机

下单状态流转：

用户输入 → 前端校验（格式/余额/精度）→ 提交 API
→ PENDING（已提交）→ 撮合引擎接收
→ OPEN（挂单中）→ 等待对手盘匹配
→ FILLED（全部成交）/ PARTIAL（部分成交）
→ CANCELLED（用户撤单 / 系统自动撤单 / 超时撤单）

成交通知：订单状态变更通过 WebSocket order@{uid} 频道实时推送至前端，前端收到后更新持仓数据并弹出 Toast 提示（如 "✅ BTC 买单已成交 0.05 BTC @ 68,420"）。

📋 理财 — 产品需求文档 (PRD)

页面编号：P004  |  版本：v2.0  |  负责人：产品经理  |  更新日期：2026-04-15

1. 页面定位

理财页是平台增值服务的核心入口，面向「持币生息」需求的用户，提供活期、定期、结构化、Staking 四大类理财产品。目标是提升用户资产留存率，降低资产外流。

核心指标：理财页 UV 到申购转化率 ≥ 12%；理财 AUM（管理资产规模）月环比增长 ≥ 8%；产品售罄率 ≥ 70%；用户次日留存率（申购后）≥ 85%。

🧱 2. 模块拆解

2.1 理财资产概览卡片

• 顶部深色渐变卡片，展示用户理财账户总资产（USDT 估值）
• 下方两组数据：累计总收益（自注册以来的所有理财收益之和）+ 昨日收益（前一日结算收益）
• 点击卡片跳转「我的理财持仓」列表页，展示每笔申购的详细信息
• 右上角「📋 持仓」按钮也可跳转持仓页
• 未登录状态：隐藏金额，显示"登录查看收益"

2.2 产品分类 Tab

• 活期 — 随存随取，收益按日结算，T+0 赎回到账。适合流动性需求高的用户。利率浮动，由市场供需决定
• 定期 — 固定锁仓期（7天/14天/30天/90天），利率固定且通常高于活期。到期自动赎回至现货账户。提前赎回需支付违约金（扣除已获收益的 50%）
• 结构化 — 双币赢、鲨鱼鳍等挂钩标的资产价格的结构化产品。高收益伴随高风险，收益取决于到期日标的价格与行权价的关系。需通过风险测评 ≥ C3 级别方可申购
• Staking — 链上 PoS 质押挖矿，由平台代为节点运维。收益来源于链上出块奖励。赎回周期取决于链上解质押期（通常 T+3~T+21 不等）

2.3 产品卡片

• 每个产品卡片展示：产品名称 + 标签（热门/新品/稳定/高收益）+ 年化收益率（APY，大号绿色数字）+ 申购进度条 + 底部三列信息（起投金额/期限/已申购比例）
• 进度条配色逻辑：< 50% 金色（充裕）、50%~80% 绿色（正常）、> 80% 红色（即将售罄）
• 产品标签由运营后台配置，每个产品最多 1 个标签
• 点击产品卡片跳转理财申购详情页
• 售罄产品：进度条 100% + 按钮变为灰色「已售罄」+ 支持"到货提醒"订阅

⚠️ 3. 风险管理体系

风险测评规则：用户首次申购 R3 及以上产品时触发风险测评问卷（10 道选择题，覆盖投资经验、风险偏好、收入水平等维度）。测评结果分为 C1~C5 五个等级，有效期 1 年。C1 仅可购买 R1 产品，C3 可购买 R1~R4 产品。

💹 4. 收益计算公式

活期：每日收益 = 持有本金 × (APY / 365)
定期：到期收益 = 本金 × APY × (锁仓天数 / 365)
双币赢：
  若到期价 ≥ 行权价 → 收益 = 本金 × (1 + APY × 天数/365)，以 BTC 结算
  若到期价 < 行权价 → 收益 = 本金 × (1 + APY × 天数/365)，以 USDT 结算
Staking：收益 = 质押数量 × 链上实际年化 × (质押天数 / 365)

📋 资产 — 产品需求文档 (PRD)

页面编号：P005  |  版本：v2.0  |  负责人：产品经理  |  更新日期：2026-04-15

1. 页面定位

资产页是用户的资产管理中心，整合现货、理财、合约三大账户的资产信息，提供充值/提现/划转等资金操作入口。需确保数据准确、安全操作便捷。

核心指标：资产页到充值转化率 ≥ 10%；资产数据加载 ≤ 1s；金额隐藏功能使用率监控；用户资产查询满意度 ≥ 90%。

🧱 2. 模块拆解

2.1 总资产概览

• 居中展示总资产估值（以 USDT 为基准），下方展示法币估值（根据用户所在地区自动选择 CNY/USD/EUR 等）
• 👁 眼睛图标：点击切换金额显隐。隐藏模式下所有金额显示为 "****"，同时使用 CSS filter: blur(8px) 实现视觉模糊效果。隐藏状态存储在本地，下次进入页面保持上次状态
• 资产估值下方展示今日盈亏：盈亏金额 + 盈亏百分比（绿涨红跌），计算方式 = 当前总资产 - 0点时总资产快照
• 总资产 = 现货账户资产 + 理财账户资产 + 合约账户资产（各按最新市价折算为 USDT）

2.2 操作按钮组

• 充值（金色主按钮）— 跳转充值页面，默认选中 USDT
• 提现（描边按钮）— 跳转提现页面，需已完成 KYC L1 认证
• 划转（描边按钮）— 弹出划转浮层，支持现货⇄理财⇄合约账户间即时划转（无手续费、无需验证）

2.3 账户 Tab

• 现货账户 / 理财账户 / 合约账户三个 Tab 切换
• 每个 Tab 下展示该账户的持仓列表，按持有价值降序排列
• 理财 Tab 下展示各产品的持仓明细（产品名+本金+累计收益）
• 合约 Tab v1.0 暂不可用，显示 "即将推出" 状态

2.4 持仓列表

• 每行展示：币种图标 + 名称/全称 + 持有数量 + USDT 估值
• 「隐藏小额」开关：开启后隐藏 USDT 估值 < 1 的币种（减少列表冗余）
• 点击任意币种行跳转该币种详情页（可查看行情、交易）
• 列表为空时展示引导：现货空 → "去充值"；理财空 → "去理财"

🔒 3. 安全验证矩阵

📐 4. 资产估值计算规则

• 现货账户估值：Σ (各币种可用余额 + 冻结余额) × 该币种 USDT 最新价
• 理财账户估值：Σ 各产品持仓本金 × 标的币种 USDT 最新价 + 累计未提取收益
• 冻结余额：因挂单锁定的资产，在可用余额和冻结余额中分别展示
• 法币换算：USDT → CNY 汇率取自第三方汇率服务，每 10 分钟更新一次
• 精度规则：USDT 显示 2 位小数；BTC 显示 4 位小数；法币显示 2 位小数

📋 币种详情 — 产品需求文档

页面编号：P006  |  来源页面：首页/行情/资产  |  页面类型：二级详情页

1. 页面定位：币种的全方位信息聚合页，帮助用户做出交易/投资决策。从「看行情」到「下单交易」的关键转化节点。

核心指标：详情页到交易页转化率 ≥ 30%；自选添加率 ≥ 15%。

🧱 2. 模块拆解

• 顶部导航 — ← 返回按钮 + 交易对名称（BTC/USDT）+ 币种图标 + ☆ 收藏按钮。返回目标 = 进入来源页（行情/首页/资产页，由路由栈决定）
• 实时价格区 — 大字号当前价格（1.8rem，绿涨红跌），下方展示 24H 涨跌幅 + 法币估值（≈ ¥XXX）。价格通过 WebSocket 实时更新，变化时有闪烁动画
• K线图表 — 完整交互式图表，支持 7 档时间粒度（1m/5m/15m/1H/4H/1D/1W）。支持缩放、平移、十字线（长按显示）。默认展示 15m 粒度。图表库推荐 TradingView Lightweight Charts
• 24H 统计数据 — 四宫格展示：24H最高价、24H最低价、24H成交量（单位为币种）、24H成交额（USDT 计价）。数据每 5 秒通过 REST API 刷新
• 买入/卖出按钮 — 双按钮并排，买入（绿色）+ 卖出（红色），点击跳转交易页并自动选中当前交易对和对应方向
• 币种简介 — 项目描述文案（50~200字）+ 标签组（市值/流通量/排名/发行时间/官网链接等）。数据来源：CoinGecko API 或自建币种信息库。内容支持运营后台编辑

⚙️ 3. 交互与跳转

📋 搜索页 — 产品需求文档

页面编号：P007  |  页面类型：Overlay 浮层 / 独立二级页

1. 功能定位：全局搜索入口，支持用户通过关键词快速定位币种和交易对。需做到"零等待"的即时搜索体验。

🧱 2. 模块拆解

• 搜索框 — 进入搜索页后自动聚焦（autoFocus）+ 弹起软键盘。输入时实时触发联想搜索（debounce 200ms），匹配规则：币种代号（BTC）> 币种全称（Bitcoin）> 交易对（BTC/USDT）。结果列表最多展示 10 条，按 24H 成交额降序排列
• 热门搜索 — 标签云形式展示 8 个热门关键词，数据来源：运营后台手动配置 或 系统自动统计（过去 24H 搜索热度 Top8）。支持右上角 🔄 按钮刷新热门列表
• 最近搜索 — 展示用户最近 5 条搜索历史，每条显示币种图标 + 交易对 + 最新价 + 涨跌幅。数据存储在本地 Storage（未登录）或服务端（已登录）。支持"清空历史"操作
• 涨幅榜 — 搜索框为空时，底部展示当日涨幅 Top3 币种（排名编号 + 名称 + 涨跌幅标签），引导用户发现热门币种
• 搜索结果列表 — 输入关键词后实时展示匹配结果，每行展示：币种图标 + 名称/交易对 + 最新价 + 涨跌幅。点击任意结果跳转币种详情页
• 空结果状态 — 搜索无匹配时展示："未找到 '{keyword}' 相关币种"+ 引导用户检查拼写或浏览行情页

📐 3. 技术要求

• 搜索接口响应时间 ≤ 100ms（本地索引优先，API 兜底）
• 建议前端维护一份完整的交易对列表缓存（启动时下载），实现纯前端搜索，无需实时请求 API
• 搜索关键词支持大小写无关匹配、首字母匹配、拼音首字母匹配（如输入"btb"容错匹配"BTC"）

📋 消息中心 — 产品需求文档

页面编号：P008  |  页面类型：Overlay / 二级页

功能定位：统一的消息管理中心，聚合所有类型的通知推送，确保用户不错过关键信息（交易成交、充提到账、安全事件等）。

🧱 模块拆解

• 分类 Tab — 全部 / 系统 / 交易 / 活动四个分类。每个 Tab 右上角显示该分类的未读数。「全部」Tab 聚合所有消息按时间倒序排列
• 已读标记 — 未读消息左侧显示金色圆点，已读为灰色圆点。点击消息后自动标记为已读
• 全部已读 — 右上角一键标记所有消息为已读，操作后首页通知红点消失
• 消息卡片 — 每条消息包含：标题（带类型 emoji 前缀）+ 正文摘要（限 2 行，超出省略）+ 时间戳（智能显示：刚刚/X分钟前/X小时前/昨天/日期）
• 消息详情 — 点击消息跳转对应详情：交易通知→委托记录；充提通知→充提记录；系统公告→公告详情H5；安全提醒→安全中心

📡 消息类型与推送规则

推送设置：用户可在设置→通知管理中开关各类推送（App推送/邮件/短信），交易和安全类通知默认开启且不可关闭。

📋 充值·选择币种 — PRD

页面编号：P009-1  |  流程位置：充值流程 Step 1 / 3  |  前置：已登录 + KYC L1

1. 页面定位

充值流程的第一步，用户从全量币种列表中选择要充入的币种。页面需支持快速搜索和热门推荐，帮助用户在 3 秒内完成选择。

核心指标：币种选择页平均停留时长 ≤ 5s；搜索使用率 ≥ 30%；Top4 热门标签覆盖 80% 的选择行为。

🧱 2. 模块拆解

• 顶部导航 — ← 返回资产页 + 标题「选择充值币种」
• 搜索框 — 支持按币种代号（BTC）、全称（Bitcoin）、合约地址模糊搜索。输入时实时联想过滤列表，debounce 150ms。搜索框不自动聚焦（避免挡住热门标签区）
• 热门币种标签 — 展示 4 个最常被充值的币种快捷标签（USDT/BTC/ETH/SOL），运营后台可配置。点击标签直接跳转 Step 2（选择公链）
• 全部币种列表 — 按字母排序展示平台支持充值的所有币种。每行展示：币种图标 + 代号/全称 + 支持的网络数量提示（如"TRC20, ERC20 +2"）+ 右箭头。点击跳转 Step 2
• 空搜索状态 — 搜索无匹配时："未找到该币种"+ 提示"请确认币种是否已上线"

⚙️ 3. 交互规则

数据来源：GET /account/supported-coins?type=deposit 接口返回支持充值的币种列表及其可用网络。数据在页面加载时拉取，前端缓存 5 分钟。

📋 充值·选择公链 — PRD

页面编号：P009-2  |  流程位置：充值流程 Step 2 / 3  |  前置：Step 1 已选择币种

1. 页面定位

用户在选择币种后，需选择该币种支持的公链网络。此步骤是充值流程中最容易出错的环节（选错网络会导致资产不可找回），因此页面需要强调安全提示并提供清晰的网络差异对比。

核心指标：网络选择正确率 ≥ 99.5%；安全提示阅读率（停留 ≥ 2s）≥ 60%。

🧱 2. 模块拆解

• 币种确认区 — 顶部展示当前选中的币种图标 + 名称 + 提示文案"请选择充值网络"，让用户确认币种无误
• 安全警告 — 黄色警告框，置于网络列表之前强制可见。文案："请确保选择正确的网络，选错网络充入的资产将无法找回"
• 网络选项列表 — 每个网络以卡片形式展示：网络名称 + 推荐标签（手续费最低的标记"推荐"，速度最快的标记"快速"）+ 到账时间 + 最小充值额 + 网络确认数 + 附加信息（如"Gas费较高"）。点击任意网络卡片跳转 Step 3（充值详情页）
• 帮助提示 — 底部展示"如何选择网络？"引导文案，简要说明选择逻辑

⚙️ 3. 网络卡片数据字段

网络拥堵处理：当某网络平均确认时间超过正常值 3 倍时，该网络卡片展示黄色"⚠️ 当前网络拥堵，到账可能延迟"提示，但不阻止用户选择。

🔄 4. 充值完整流程图

资产页 点击「充值」
→ Step 1 选择币种（搜索/热门/列表）
→ Step 2 选择公链网络（阅读安全提示）
→ Step 3 充值详情（获取地址 + 复制/扫码）
→ 用户在外部钱包发起转账
→ 链上广播 → 等待确认
→ 到账成功 → 推送通知 + 更新余额

📋 充值·详情页 — PRD

页面编号：P009-3  |  流程位置：充值流程 Step 3 / 3  |  前置：Step 2 已选择网络

1. 页面定位

充值流程的最终页面，展示用户专属的充值地址和二维码。用户从此页面获取地址后，到外部钱包/平台发起转账。页面需在「地址准确复制」和「安全风险提示」之间取得平衡。

核心指标：地址复制率 ≥ 90%（说明用户明确了操作目标）；充值成功率 ≥ 99%（排除用户主观错误）。

🧱 2. 模块拆解

• 币种信息区 — 左侧显示币种图标 + 名称，右侧「更换币种」链接跳回 Step 1
• 网络切换器 — 标签组展示该币种所有支持网络，支持在详情页内直接切换网络（切换时更新地址、二维码、网络信息和安全提示）。当前选中网络高亮显示。切换动画 200ms 渐变过渡
• 充值地址 — 等宽字体展示完整地址。右上角「复制」按钮（蓝/金色高亮），点击复制到剪贴板 + Toast 反馈。地址是用户维度 + 网络维度唯一的（首次生成后固定不变）
• 二维码 — 140×140px QR Code，编码内容 = 充值地址。下方文案"扫描二维码或复制地址进行充值"。长按二维码可保存到相册
• 网络信息面板 — 2×2 网格展示四项关键信息：当前网络名称、预计到账时间、最小充值额、所需确认数。切换网络时数据联动更新
• 安全提示 — 黄色警告框，动态显示当前网络名称。核心警告：① 充错网络不可找回 ② 低于最小金额不到账 ③ 充值地址仅用于该币种该网络
• 最近充值记录 — 展示最近 3 笔该币种的充值记录：金额 + 网络标签 + 状态（确认中/已到账）。确认中状态显示进度（如"18/20"）

⚙️ 3. 网络切换交互规则

📡 4. 数据接口

📋 提现·选择币种 — PRD

页面编号：P010-1  |  流程位置：提现流程 Step 1 / 2  |  前置：已登录 + KYC L1 + 已绑定 2FA

1. 页面定位

提现流程的第一步，展示用户当前持有的所有币种及其可用余额，用户从中选择要提现的币种。与充值选币页不同，提现选币页默认只展示有余额的币种，避免用户选择后发现余额为零的无效操作。

核心指标：选币到详情页转化率 ≥ 95%（用户明确知道要提哪个币）；零余额误选率 = 0%。

🧱 2. 模块拆解

• 顶部导航 — ← 返回资产页 + 标题「选择提现币种」
• 搜索框 — 按币种代号/全称搜索，实时过滤列表
• 币种列表 — 默认仅展示余额 > 0 的币种，按 USDT 估值降序排列。每行展示：币种图标 + 名称/全称 + 总余额数量 + 可用余额（绿色文字，排除冻结部分）。右侧 › 箭头指示可点击
• 余额区分 — 总余额 vs 可用余额：总余额 = 可用 + 冻结（因挂单锁定的部分）。只有可用余额可以提现。若可用余额为 0（全部冻结），该行显示灰色 + "全部冻结中"提示
• 「显示全部」入口 — 底部链接"显示全部币种"，点击后展示平台支持提现的所有币种（包括余额为 0 的），余额为 0 的行显示"余额: 0"灰色文字

⚙️ 3. 交互规则

📐 4. 数据与排序

数据来源：GET /account/balance 接口返回所有币种余额。前端根据 available > 0 过滤展示列表。

排序规则：① USDT 估值降序（最有价值的币种靠前）② 同估值按字母序

冻结说明：冻结余额 = 该币种当前挂单中锁定的数量。例如用户挂了 0.05 BTC 的卖单，则冻结 = 0.05，可用 = 总余额 - 0.05。用户需先撤单才能提现被冻结的部分。

📋 提现·详情页 — PRD

页面编号：P010-2  |  流程位置：提现流程 Step 2 / 2  |  前置：Step 1 已选择币种

1. 页面定位

提现流程的核心操作页，用户在此完成地址输入、网络选择、金额填写并提交提现申请。此页面安全性要求最高，需多层防护确保用户资产安全。

核心指标：提现提交成功率 ≥ 90%（排除余额不足的无效操作）；地址格式校验拦截率 100%；安全验证通过率 ≥ 95%。

🧱 2. 模块拆解

• 币种信息栏 — 展示当前币种图标+名称+可用余额。右侧「更换」链接跳回 Step 1 重新选币。可用余额实时从缓存读取（不包含冻结部分）
• 网络选择器 — 标签组切换提现网络。选中网络下方实时展示：手续费 + 预计到账时间。不同网络手续费差异较大（如 ERC-20 手续费 10 USDT vs TRC-20 仅 1 USDT），需要醒目展示帮助用户选择最优网络
• 地址输入区 — 三种输入方式：
  ① 粘贴 — 从剪贴板粘贴地址，粘贴后自动进行格式校验
  ② 地址簿 — 弹出地址簿浮层，展示历史提现地址（白名单地址标注 ✓），选择后自动填充
  ③ 扫码 — 调起相机扫描 QR Code，识别后自动填充地址
  地址校验规则：根据所选网络验证地址前缀（TRC-20: T开头, ERC-20: 0x开头）+ 长度。校验失败实时提示"地址格式不正确，请确认网络是否匹配"
• 金额输入 — 数字键盘输入。「全部」按钮填充最大可提金额（= 可用余额 - 手续费）。底部展示最小/最大可提金额。输入后实时更新下方结算面板
• 结算信息面板 — 2×2 网格实时计算展示：提现金额、手续费、实际到账金额（= 输入 - 手续费）、预计到账时间
• 安全提示 — 蓝色锁图标警告框，说明安全验证规则
• 确认提现按钮 — 金色渐变主按钮。点击触发安全验证流程（弹出验证浮层）
• 最近提现记录 — 展示最近 2 笔提现：金额 + 网络 + 状态（审核中/完成/拒绝）

🔐 3. 安全验证流程

点击「确认提现」
→ 前端校验（地址格式 ✓ + 余额充足 ✓ + 金额 ≥ 最小 ✓）
→ 判断地址是否在白名单
  ├── 白名单地址
  │   → 弹出 2FA 验证浮层 → 输入 6 位 Google 验证码
  │   → 验证通过 → 提现立即提交 → 链上转账
  └── 新地址
      → 弹出 2FA 验证浮层 → 输入 6 位 Google 验证码
      → 发送邮箱验证码 → 输入邮箱验证码
      → 进入 24h 安全审核 队列
      → 审核通过 → 链上转账 → 推送通知
      → 审核拒绝 → 退款 + 推送拒绝原因

💰 4. 提现费率与限额

限额说明：每日限额以 UTC 0:00 为重置时间点。L1 用户每日累计提现不超过对应限额，L2 用户享有更高限额。VIP 用户可申请定制限额。超出限额时提现按钮置灰 + 提示"已达每日提现限额，明日 0:00 UTC 重置"。

🔄 5. 提现完整流程图

资产页 点击「提现」
→ Step 1 选择币种（展示持有余额 > 0 的币种）
→ Step 2 提现详情
   ├── 选择网络（TRC-20 / ERC-20 / ...）
   ├── 输入地址（粘贴 / 地址簿 / 扫码）
   ├── 输入金额（手动 / 全部）
   └── 确认提现 → 安全验证
→ PENDING 提现审核中（新地址需 24h）
→ COMPLETED 链上转账完成 → 推送通知

📋 理财申购 — 产品需求文档

页面编号：P011  |  前置条件：已登录 + 风险测评（R3及以上产品）

功能定位：理财产品的申购详情页，展示产品完整信息并引导用户完成申购操作。

🧱 模块拆解

• 收益率展示 — 页面视觉焦点，大号绿色数字展示参考年化收益率（APY）。下方标注"参考年化收益率"文案，明确为非保本收益
• 产品参数网格 — 2×3 网格展示关键参数：产品类型、起投金额、计息方式（T+1开始计息）、赎回方式（T+0/到期）、风险等级（R1~R5，配色区分）、已申购比例
• 金额输入区 — 输入申购金额，右侧「全部」按钮填充最大可投金额。底部展示可用余额和最小起投金额。输入后实时计算并展示预计每日收益（= 金额 × APY / 365）
• 产品规则 — 卡片内以编号列表展示：计息起算日、收益发放方式、赎回到账时间、提前赎回条款等
• 风险提示 — 黄色警告框，强制展示风险免责声明。文案参考："理财非存款，产品存在收益波动风险，过往收益不代表未来表现。请确认已阅读并理解产品规则。"
• 确认申购按钮 — 金色渐变主按钮，点击后弹出确认浮层（展示申购摘要：产品名+金额+预计收益+计息日期），二次确认后调用申购 API

🔄 申购流程状态机

点击「确认申购」
→ 前端校验（余额≥金额, 金额≥起投, 产品未售罄）
→ 弹出确认浮层 → 用户确认
→ 调用 POST /earn/subscribe API
→ PENDING 处理中（扣款 + 锁定）
→ SUCCESS 申购成功 → Toast + 跳转持仓页
→ FAILED 失败（余额不足/售罄/系统异常）→ 退款 + 错误提示

📐 产品参数配置说明

📋 委托记录 — 产品需求文档

页面编号：P012  |  入口：交易页右上角 📋 / 资产页

功能定位：用户查看和管理所有交易委托的记录页面，覆盖当前挂单、历史委托和成交明细三类数据。

🧱 模块拆解

• 三级 Tab — 当前委托（未成交 + 部分成交的活跃挂单）/ 历史委托（已完结的所有委托：全部成交 + 已撤单）/ 成交明细（每笔实际成交的逐条记录）
• 订单卡片 — 每张订单卡片展示：交易对名称 + 方向标签（买入绿/卖出红）+ 委托类型（限价/市价/止盈止损）+ 委托价格 + 委托数量 + 已成交比例 + 下单时间
• 撤单操作 — 当前委托列表中每个订单右下角显示「撤单」按钮（红色描边），点击弹出确认浮层，确认后调用撤单 API。撤单成功后订单从当前委托移至历史委托
• 筛选功能 — 右上角「筛选」按钮弹出筛选面板：按交易对（全部/指定交易对）、按方向（全部/买入/卖出）、按时间范围（近7天/近30天/近90天/自定义）
• 导出功能 — 历史委托和成交明细支持导出 CSV 文件，包含所有字段（委托时间、交易对、方向、价格、数量、手续费、状态等）
• 空状态 — 无当前委托时："暂无挂单" + 引导按钮"去交易"；无历史记录时："暂无历史记录"

📐 订单数据字段