feat(ui): 重构资产页面UI,移除shadcn_ui依赖并简化设计 - 删除三个过时的功能规格文档(apply-new-styles.md、bottom-nav-labels.md、theme-dynamic-colors.md) - 重构充值页面(deposit_page.dart):移除shadcn_ui依赖,简化表单验证和UI设计,使用动态主题颜色 - 重构划转页面(transfer_page.dart):移除复杂动画和shadcn_ui依赖,简化UI布局和交互逻辑 - 重构提现页面(withdraw_page.dart):移除shadcn_ui依赖,简化表单验证和网络选择器 - 重构我的页面相关组件:统一使用动态主题颜色,简化菜单项设计和KYC状态显示 - 所有页面现在使用Theme.of(context)获取动态颜色,支持明暗主题切换 - 移除硬编码的颜色引用,提高代码可维护性和主题一致性
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