新版股票交易系统，前端VUE后台VUE服务端java开发开源带源码
前端产品目前只有美股产品，对接免费接口
功能：理财，IPO，大宗，KYC，分销推广等功能
一、项目概述
ViewTrade 是一套移动端 H5 网页应用，界面完整复刻境外美股券商的交互样式，支持简体中文、繁体中文、英文三种语言切换，同时具备浅色、深色两套 UI 主题。 从界面特征来看，页面内的资金、股票盈亏、持仓数据均为后台可随意修改的模拟数字，本内容仅从技术角度对界面、业务逻辑做解析，不代表认可该平台的业务合法性。
二、页面与核心功能拆解
1. 登录页面
- 登录入口：支持手机号（+86 中国大陆区号）、邮箱两种登录方式，Tab 标签切换。
- 表单组件：手机号输入框、密码输入框，密码支持显示 / 隐藏切换。
- 语言切换：右上角语言按钮，弹窗实现多语言切换。
- 辅助入口：登录按钮、注册跳转链接，页面标语
US Stocks, Anytime。
2. 资产首页（浅色模式）
- 顶部导航：应用名称、语言切换、搜索、明暗主题切换、消息通知。
- 资产统计区：以美元为单位展示总资产，附带当日盈亏金额、涨跌幅；细分展示可用余额、持仓市值、冻结金额三项核心资金数据。
- 快捷功能区：充值、提现、账单、客服、基金、IPO 新股申购、大宗交易、更多功能。
- 行情展示：道琼斯、纳斯达克大盘指数卡片，包含价格、涨跌幅、迷你简易 K 线。
- 公告模块：轮播系统通知，示例为 IPO 新股申购公告，展示发行价、申购截止时间、申购规则。
- 底部导航栏：首页、自选、交易、基金、我的。
3. 行情列表页（深色黑夜模式）
- 顶部公告栏：展示系统维护升级通知。
- 股票列表：展示主流美股标的，包含股票图标、股票代码、公司名称、迷你走势缩略图、最新价格、涨跌幅。
- 适配深色主题，底部导航与首页保持统一，组件复用。
三、整套系统业务逻辑（模板通用机制）
- 账号权限模块 包含多语言注册登录、密码找回、个人信息修改、实名认证 KYC，区分普通用户、后台管理员两套角色。
- 资金财务模块 全部为系统内虚拟记账，以美元作为计价货币；实现充值、提现申请、资金流水账单。平台后台可随意修改账户总资产、冻结金额，提现往往设置多重人为门槛，用于限制用户资金转出。
- 金融交易业务 模拟美股完整业务：普通股票买卖、IPO 新股申购、大宗交易、基金理财。行情数据可以对接公开行情接口，但是所有订单不会流向真实证券市场，全部在系统内部闭环。
- 行情与自选模块 大盘指数、个股行情展示，支持添加自选股，简易迷你 K 线，模拟价格涨跌变动。
- 运营管理模块 后台发布系统公告、站内消息、在线客服对话，附带常见的邀请分销推广机制。
- UI 交互机制 支持浅色 / 深色两套主题一键切换，多语言国际化适配，页面完全适配手机移动端。
四、技术学习价值
- 多语言国际化方案：学习 H5 实现简中、繁中、英文多语言切换的界面实现思路，弹窗切换语言状态管理。
- 双主题 UI 开发：参考深色、浅色两套主题的样式隔离、主题切换状态管理，移动端金融类 UI 组件设计。
- 金融页面布局：资产大数字展示、统计卡片、行情列表、迷你缩略走势图、底部 Tab 导航等常见金融 App 页面组件的 H5 实现。
- 表单交互实现：区号选择输入框、密码显隐、Tab 页切换、弹窗组件、公告轮播等通用业务组件开发。
注意：仅用于前端界面、交互逻辑学习，禁止直接复刻用于金融业务。
五、免责声明
- 严禁将该界面、模板用于实际金融运营、诱导他人充值投资，若用于违法用途，相关责任由使用者自行承担。
