sion
df0e8beba9
- 更新颜色系统为 Material Design 3 * Primary: #72dcff (青色) * Secondary: #dd8bfb (紫色) * Tertiary: #afffd1 (绿色) - 创建新的 UI 组件 * GlassPanel: 毛玻璃效果面板 * NeonGlow: 霓虹光效组件 * GradientButton: 渐变按钮组件 - 更新所有页面样式 * 交易页面 (trade_page.dart) * 行情页面 (market_page.dart) * 资产页面 (asset_page.dart) * 我的页面 (mine_page.dart) * 订单页面 (orders_page.dart) - 支持深色和浅色主题 - 所有 UI 文字使用中文 - 保持现有 API 接口不变 变更统计: - 9 个文件修改 - 1,893 行新增 - 691 行删除 - 3 个新组件
Flutter Monisuo - 虚拟货币模拟交易平台
项目概述
Flutter 版本的模拟所 APP，支持 Android、iOS 平台。
项目结构
flutter_monisuo/
├── lib/
│ ├── main.dart # 应用入口
│ ├── core/ # 核心模块
│ │ ├── constants/ # 颜色、API端点常量
│ │ ├── theme/ # 主题配置
│ │ ├── network/ # Dio 网络封装
│ │ └── storage/ # SharedPreferences
│ ├── data/
│ │ ├── models/ # 数据模型
│ │ └── services/ # API 服务
│ ├── providers/ # 状态管理
│ └── ui/
│ ├── common/ # 公共组件
│ └── pages/ # 页面
│ ├── auth/ # 登录/注册
│ ├── home/ # 首页
│ ├── market/ # 行情
│ ├── trade/ # 交易
│ ├── asset/ # 资产
│ └── mine/ # 我的
├── assets/ # 资源文件
└── pubspec.yaml # 依赖配置
功能模块
用户模块
- 用户登录
- 用户注册
- 用户信息
- 退出登录
行情模块
- 币种列表
- 币种搜索
- 实时价格
交易模块
- 买入/卖出
- 交易记录
- 持仓管理
资产模块
- 资产总览
- 资金账户
- 交易账户
- 充值/提现/划转
技术栈
- Flutter 3.x
- Provider (状态管理)
- Dio (网络请求)
- SharedPreferences (本地存储)
运行项目
前置条件
- Flutter SDK 已安装
- Android Studio / VS Code
运行步骤
# 1. 进入项目目录
cd flutter_monisuo
# 2. 获取依赖
flutter pub get
# 3. 运行项目
flutter run
# 或者指定平台
flutter run -d android # Android
flutter run -d chrome # Chrome (Web)
API 配置
API 基础地址配置在 lib/core/constants/api_endpoints.dart:
static const String baseUrl = 'http://8.155.172.147:5010';
主题色
- 主色:
#00D4AA - 涨色:
#00C853 - 跌色:
#FF5252 - 背景:
#1A1A2E
作者
Monisuo Team