- 首页:移除盈亏日历,福利中心卡片改为白色背景,查看按钮改为黄色 - 资产页面:余额卡片撑满宽度 - 底部导航栏:移除背景高亮,只保留图标和文字变化 - 行情页面:调整卡片文字大小和柱形图样式 - 交易页面:买入按钮白色文字,卖出按钮红色文字,优化输入框和百分比卡片样式,添加顶部间距 - 全局:移除渐变色,统一使用纯色背景
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