hailin
/
rwadurian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(frontend): extend dark mode support to more pages 

- Update asset_page.dart with full dark mode support
- Update c2c_market_page.dart with full dark mode support
- Update login_page.dart with full dark mode support

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-01-19 19:21:40 -08:00
parent b0d1771b66
commit 61203d1baf
3 changed files with 207 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
frontend/mining-app/lib/presentation/pages/asset/asset_page.dart
View File

@ -6,6 +6,7 @@ import '../../../core/router/routes.dart';
import '../../../core/utils/format_utils.dart'; import '../../../core/utils/format_utils.dart';
import '../../../core/network/price_websocket_service.dart'; import '../../../core/network/price_websocket_service.dart';
import '../../../core/constants/app_constants.dart'; import '../../../core/constants/app_constants.dart';
import '../../../core/constants/app_colors.dart';
import '../../../domain/entities/asset_display.dart'; import '../../../domain/entities/asset_display.dart';
import '../../providers/user_providers.dart'; import '../../providers/user_providers.dart';
import '../../providers/asset_providers.dart'; import '../../providers/asset_providers.dart';
@ -193,7 +194,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
} }
return Scaffold( return Scaffold(
backgroundColor: const Color(0xFFF5F5F5), backgroundColor: AppColors.backgroundOf(context),
body: SafeArea( body: SafeArea(
bottom: false, bottom: false,
child: LayoutBuilder( child: LayoutBuilder(
@ -220,19 +221,19 @@ class _AssetPageState extends ConsumerState<AssetPage> {
children: [ children: [
const SizedBox(height: 8), const SizedBox(height: 8),
// 总资产卡片 - 始终显示，数字部分闪烁，实时刷新 // 总资产卡片 - 始终显示，数字部分闪烁，实时刷新
_buildTotalAssetCard(asset, isLoading, _calculateTotalAssetValue(asset), _currentShareBalance, perSecondEarning), _buildTotalAssetCard(context, asset, isLoading, _calculateTotalAssetValue(asset), _currentShareBalance, perSecondEarning),
const SizedBox(height: 24), const SizedBox(height: 24),
// 快捷操作按钮 // 快捷操作按钮
_buildQuickActions(context), _buildQuickActions(context),
const SizedBox(height: 24), const SizedBox(height: 24),
// 资产列表 - 始终显示，数字部分闪烁，实时刷新 // 资产列表 - 始终显示，数字部分闪烁，实时刷新
_buildAssetList(asset, isLoading, _currentShareBalance, perSecondEarning), _buildAssetList(context, asset, isLoading, _currentShareBalance, perSecondEarning),
const SizedBox(height: 24), const SizedBox(height: 24),
// 交易统计 // 交易统计
_buildEarningsCard(asset, isLoading), _buildEarningsCard(context, asset, isLoading),
const SizedBox(height: 24), const SizedBox(height: 24),
// 账户列表 // 账户列表
_buildAccountList(asset, isLoading), _buildAccountList(context, asset, isLoading),
const SizedBox(height: 24), const SizedBox(height: 24),
], ],
), ),
@ -250,24 +251,25 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Widget _buildAppBar(BuildContext context, user) { Widget _buildAppBar(BuildContext context, user) {
return Container( return Container(
color: _bgGray.withOpacity(0.9), color: AppColors.surfaceOf(context).withOpacity(0.9),
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12), padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
child: const Center( child: Center(
child: Text( child: Text(
'我的资产', '我的资产',
style: TextStyle( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: Color(0xFF111827), color: AppColors.textPrimaryOf(context),
), ),
), ),
), ),
); );
} }
Widget _buildTotalAssetCard(AssetDisplay? asset, bool isLoading, double totalAssetValue, double currentShareBalance, String perSecondEarning) { Widget _buildTotalAssetCard(BuildContext context, AssetDisplay? asset, bool isLoading, double totalAssetValue, double currentShareBalance, String perSecondEarning) {
// 使用传入的每秒增长值（来自 mining-service） // 使用传入的每秒增长值（来自 mining-service）
final growthPerSecond = double.tryParse(perSecondEarning) ?? 0.0; final growthPerSecond = double.tryParse(perSecondEarning) ?? 0.0;
final isDark = AppColors.isDark(context);
// 使用实时计算的总资产值（积分股价值 + 积分值余额） // 使用实时计算的总资产值（积分股价值 + 积分值余额）
final displayValue = asset != null && totalAssetValue > 0 final displayValue = asset != null && totalAssetValue > 0
@ -282,11 +284,11 @@ class _AssetPageState extends ConsumerState<AssetPage> {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: Colors.black.withOpacity(0.04), color: isDark ? Colors.black.withOpacity(0.3) : Colors.black.withOpacity(0.04),
blurRadius: 30, blurRadius: 30,
offset: const Offset(0, 8), offset: const Offset(0, 8),
), ),
@ -302,7 +304,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
width: 128, width: 128,
height: 128, height: 128,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _serenade, color: isDark ? _orange.withOpacity(0.1) : _serenade,
borderRadius: BorderRadius.circular(64), borderRadius: BorderRadius.circular(64),
), ),
), ),
@ -334,18 +336,18 @@ class _AssetPageState extends ConsumerState<AssetPage> {
// 标题行 // 标题行
Row( Row(
children: [ children: [
const Text( Text(
'总资产估值', '总资产估值',
style: TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14,
color: _grayText, color: AppColors.textSecondaryOf(context),
), ),
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Icon( Icon(
Icons.visibility_outlined, Icons.visibility_outlined,
size: 14, size: 14,
color: _grayText.withOpacity(0.5), color: AppColors.textMutedOf(context),
), ),
], ],
), ),
@ -378,7 +380,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration( decoration: BoxDecoration(
color: _feta, color: isDark ? _green.withOpacity(0.15) : _feta,
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
), ),
child: Row( child: Row(
@ -410,36 +412,45 @@ class _AssetPageState extends ConsumerState<AssetPage> {
} }
Widget _buildQuickActions(BuildContext context) { Widget _buildQuickActions(BuildContext context) {
final isDark = AppColors.isDark(context);
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [ children: [
_buildQuickActionItem( _buildQuickActionItem(
context,
Icons.add, Icons.add,
'接收', '接收',
_orange, _orange,
() => context.push(Routes.receiveShares), () => context.push(Routes.receiveShares),
isDark,
), ),
_buildQuickActionItem( _buildQuickActionItem(
context,
Icons.remove, Icons.remove,
'发送', '发送',
_orange, _orange,
() => context.push(Routes.sendShares), () => context.push(Routes.sendShares),
isDark,
), ),
_buildQuickActionItem( _buildQuickActionItem(
context,
Icons.people_outline, Icons.people_outline,
'C2C', 'C2C',
_orange, _orange,
() => context.push(Routes.c2cMarket), () => context.push(Routes.c2cMarket),
isDark,
), ),
], ],
); );
} }
Widget _buildQuickActionItem( Widget _buildQuickActionItem(
BuildContext context,
IconData icon, IconData icon,
String label, String label,
Color color, Color color,
VoidCallback onTap, VoidCallback onTap,
bool isDark,
) { ) {
return GestureDetector( return GestureDetector(
onTap: onTap, onTap: onTap,
@ -450,7 +461,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
width: 48, width: 48,
height: 48, height: 48,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _serenade, color: isDark ? _orange.withOpacity(0.15) : _serenade,
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(16),
), ),
child: Icon(icon, color: color, size: 24), child: Icon(icon, color: color, size: 24),
@ -458,10 +469,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
const SizedBox(height: 8), const SizedBox(height: 8),
Text( Text(
label, label,
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: _riverBed, color: AppColors.textSecondaryOf(context),
), ),
), ),
], ],
@ -469,7 +480,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
); );
} }
Widget _buildAssetList(AssetDisplay? asset, bool isLoading, double currentShareBalance, String perSecondEarning) { Widget _buildAssetList(BuildContext context, AssetDisplay? asset, bool isLoading, double currentShareBalance, String perSecondEarning) {
// 使用实时积分股余额 // 使用实时积分股余额
final shareBalance = asset != null && currentShareBalance > 0 final shareBalance = asset != null && currentShareBalance > 0
? currentShareBalance ? currentShareBalance
@ -477,14 +488,16 @@ class _AssetPageState extends ConsumerState<AssetPage> {
final multiplier = double.tryParse(asset?.burnMultiplier ?? '0') ?? 0; final multiplier = double.tryParse(asset?.burnMultiplier ?? '0') ?? 0;
final multipliedAsset = shareBalance * multiplier; final multipliedAsset = shareBalance * multiplier;
final currentPrice = double.tryParse(asset?.currentPrice ?? '0') ?? 0; final currentPrice = double.tryParse(asset?.currentPrice ?? '0') ?? 0;
final isDark = AppColors.isDark(context);
return Column( return Column(
children: [ children: [
// 积分股 - 实时刷新 // 积分股 - 实时刷新
_buildAssetItem( _buildAssetItem(
context: context,
icon: Icons.trending_up, icon: Icons.trending_up,
iconColor: _orange, iconColor: _orange,
iconBgColor: _serenade, iconBgColor: isDark ? _orange.withOpacity(0.15) : _serenade,
title: '积分股', title: '积分股',
amount: asset != null ? shareBalance.toString() : null, amount: asset != null ? shareBalance.toString() : null,
isLoading: isLoading, isLoading: isLoading,
@ -497,9 +510,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
const SizedBox(height: 16), const SizedBox(height: 16),
// 积分值（现金余额） // 积分值（现金余额）
_buildAssetItem( _buildAssetItem(
context: context,
icon: Icons.eco, icon: Icons.eco,
iconColor: _green, iconColor: _green,
iconBgColor: _feta, iconBgColor: isDark ? _green.withOpacity(0.15) : _feta,
title: '积分值', title: '积分值',
amount: asset?.cashBalance, amount: asset?.cashBalance,
isLoading: isLoading, isLoading: isLoading,
@ -508,9 +522,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
const SizedBox(height: 16), const SizedBox(height: 16),
// 冻结积分股 // 冻结积分股
_buildAssetItem( _buildAssetItem(
context: context,
icon: Icons.lock_outline, icon: Icons.lock_outline,
iconColor: _orange, iconColor: _orange,
iconBgColor: _serenade, iconBgColor: isDark ? _orange.withOpacity(0.15) : _serenade,
title: '冻结积分股', title: '冻结积分股',
amount: asset?.frozenShares, amount: asset?.frozenShares,
isLoading: isLoading, isLoading: isLoading,
@ -521,6 +536,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
} }
Widget _buildAssetItem({ Widget _buildAssetItem({
required BuildContext context,
required IconData icon, required IconData icon,
required Color iconColor, required Color iconColor,
required Color iconBgColor, required Color iconBgColor,
@ -535,14 +551,15 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Color? badgeBgColor, Color? badgeBgColor,
String? subtitle, String? subtitle,
}) { }) {
final isDark = AppColors.isDark(context);
return Container( return Container(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(16),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: Colors.black.withOpacity(0.05), color: isDark ? Colors.black.withOpacity(0.2) : Colors.black.withOpacity(0.05),
blurRadius: 2, blurRadius: 2,
offset: const Offset(0, 1), offset: const Offset(0, 1),
), ),
@ -571,10 +588,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
children: [ children: [
Text( Text(
title, title,
style: const TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: Color(0xFF111827), color: AppColors.textPrimaryOf(context),
), ),
), ),
if (badge != null) ...[ if (badge != null) ...[
@ -582,7 +599,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2), padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration( decoration: BoxDecoration(
color: badgeBgColor ?? _scandal, color: badgeBgColor ?? (isDark ? _green.withOpacity(0.2) : _scandal),
borderRadius: BorderRadius.circular(9999), borderRadius: BorderRadius.circular(9999),
), ),
child: Text( child: Text(
@ -603,10 +620,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
data: amount != null ? formatAmount(amount) : null, data: amount != null ? formatAmount(amount) : null,
isLoading: isLoading, isLoading: isLoading,
placeholder: '--', placeholder: '--',
style: const TextStyle( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: Color(0xFF111827), color: AppColors.textPrimaryOf(context),
), ),
), ),
// 估值 // 估值
@ -615,9 +632,9 @@ class _AssetPageState extends ConsumerState<AssetPage> {
data: isLoading ? null : '≈ $valueInCny', data: isLoading ? null : '≈ $valueInCny',
isLoading: isLoading, isLoading: isLoading,
placeholder: '≈ ¥--', placeholder: '≈ ¥--',
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
color: Color(0xFF9CA3AF), color: AppColors.textMutedOf(context),
), ),
), ),
// 副标题 // 副标题
@ -626,9 +643,9 @@ class _AssetPageState extends ConsumerState<AssetPage> {
padding: const EdgeInsets.only(top: 3), padding: const EdgeInsets.only(top: 3),
child: Text( child: Text(
subtitle, subtitle,
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
color: Color(0xFF9CA3AF), color: AppColors.textMutedOf(context),
), ),
), ),
), ),
@ -642,7 +659,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2), padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration( decoration: BoxDecoration(
color: _serenade, color: isDark ? _orange.withOpacity(0.15) : _serenade,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: DataText( child: DataText(
@ -679,21 +696,22 @@ class _AssetPageState extends ConsumerState<AssetPage> {
), ),
), ),
// 箭头 // 箭头
Icon(Icons.chevron_right, size: 14, color: _grayText.withOpacity(0.5)), Icon(Icons.chevron_right, size: 14, color: AppColors.textMutedOf(context)),
], ],
), ),
); );
} }
Widget _buildEarningsCard(AssetDisplay? asset, bool isLoading) { Widget _buildEarningsCard(BuildContext context, AssetDisplay? asset, bool isLoading) {
final isDark = AppColors.isDark(context);
return Container( return Container(
padding: const EdgeInsets.all(20), padding: const EdgeInsets.all(20),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(16),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: Colors.black.withOpacity(0.05), color: isDark ? Colors.black.withOpacity(0.2) : Colors.black.withOpacity(0.05),
blurRadius: 2, blurRadius: 2,
offset: const Offset(0, 1), offset: const Offset(0, 1),
), ),
@ -713,12 +731,12 @@ class _AssetPageState extends ConsumerState<AssetPage> {
), ),
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
const Text( Text(
'交易统计', '交易统计',
style: TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
], ],
@ -728,6 +746,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Row( Row(
children: [ children: [
_buildEarningsItem( _buildEarningsItem(
context,
'累计买入', '累计买入',
asset != null ? formatCompact(asset.totalBought) : null, asset != null ? formatCompact(asset.totalBought) : null,
_orange, _orange,
@ -736,9 +755,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Container( Container(
width: 1, width: 1,
height: 40, height: 40,
color: _serenade, color: isDark ? AppColors.borderOf(context) : _serenade,
), ),
_buildEarningsItem( _buildEarningsItem(
context,
'累计卖出', '累计卖出',
asset != null ? formatCompact(asset.totalSold) : null, asset != null ? formatCompact(asset.totalSold) : null,
_green, _green,
@ -747,12 +767,13 @@ class _AssetPageState extends ConsumerState<AssetPage> {
Container( Container(
width: 1, width: 1,
height: 40, height: 40,
color: _serenade, color: isDark ? AppColors.borderOf(context) : _serenade,
), ),
_buildEarningsItem( _buildEarningsItem(
context,
'销毁倍数', '销毁倍数',
asset != null ? '${formatDecimal(asset.burnMultiplier, 4)}x' : null, asset != null ? '${formatDecimal(asset.burnMultiplier, 4)}x' : null,
const Color(0xFF9CA3AF), AppColors.textMutedOf(context),
isLoading, isLoading,
), ),
], ],
@ -762,15 +783,15 @@ class _AssetPageState extends ConsumerState<AssetPage> {
); );
} }
Widget _buildEarningsItem(String label, String? value, Color valueColor, bool isLoading) { Widget _buildEarningsItem(BuildContext context, String label, String? value, Color valueColor, bool isLoading) {
return Expanded( return Expanded(
child: Column( child: Column(
children: [ children: [
Text( Text(
label, label,
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
color: _grayText, color: AppColors.textSecondaryOf(context),
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
@ -791,11 +812,13 @@ class _AssetPageState extends ConsumerState<AssetPage> {
); );
} }
Widget _buildAccountList(AssetDisplay? asset, bool isLoading) { Widget _buildAccountList(BuildContext context, AssetDisplay? asset, bool isLoading) {
final isDark = AppColors.isDark(context);
return Column( return Column(
children: [ children: [
// 交易账户（可用现金） // 交易账户（可用现金）
_buildAccountItem( _buildAccountItem(
context: context,
icon: Icons.account_balance_wallet, icon: Icons.account_balance_wallet,
iconColor: _orange, iconColor: _orange,
title: '可用积分值', title: '可用积分值',
@ -804,11 +827,12 @@ class _AssetPageState extends ConsumerState<AssetPage> {
unit: '积分值', unit: '积分值',
status: '可交易', status: '可交易',
statusColor: _green, statusColor: _green,
statusBgColor: _feta, statusBgColor: isDark ? _green.withOpacity(0.15) : _feta,
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
// 冻结现金 // 冻结现金
_buildAccountItem( _buildAccountItem(
context: context,
icon: Icons.lock_outline, icon: Icons.lock_outline,
iconColor: _orange, iconColor: _orange,
title: '冻结积分值', title: '冻结积分值',
@ -816,8 +840,8 @@ class _AssetPageState extends ConsumerState<AssetPage> {
isLoading: isLoading, isLoading: isLoading,
unit: '积分值', unit: '积分值',
status: '挂单中', status: '挂单中',
statusColor: const Color(0xFF9CA3AF), statusColor: AppColors.textMutedOf(context),
statusBgColor: Colors.white, statusBgColor: AppColors.cardOf(context),
statusBorder: true, statusBorder: true,
), ),
], ],
@ -825,6 +849,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
} }
Widget _buildAccountItem({ Widget _buildAccountItem({
required BuildContext context,
required IconData icon, required IconData icon,
required Color iconColor, required Color iconColor,
required String title, required String title,
@ -836,14 +861,15 @@ class _AssetPageState extends ConsumerState<AssetPage> {
required Color statusBgColor, required Color statusBgColor,
bool statusBorder = false, bool statusBorder = false,
}) { }) {
final isDark = AppColors.isDark(context);
return Container( return Container(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(16),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: Colors.black.withOpacity(0.05), color: isDark ? Colors.black.withOpacity(0.2) : Colors.black.withOpacity(0.05),
blurRadius: 2, blurRadius: 2,
offset: const Offset(0, 1), offset: const Offset(0, 1),
), ),
@ -856,7 +882,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
width: 36, width: 36,
height: 36, height: 36,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _serenade, color: isDark ? _orange.withOpacity(0.15) : _serenade,
borderRadius: BorderRadius.circular(18), borderRadius: BorderRadius.circular(18),
), ),
child: Icon(icon, color: iconColor, size: 20), child: Icon(icon, color: iconColor, size: 20),
@ -869,10 +895,10 @@ class _AssetPageState extends ConsumerState<AssetPage> {
children: [ children: [
Text( Text(
title, title,
style: const TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xFF111827), color: AppColors.textPrimaryOf(context),
), ),
), ),
const SizedBox(height: 2), const SizedBox(height: 2),
@ -890,9 +916,9 @@ class _AssetPageState extends ConsumerState<AssetPage> {
), ),
Text( Text(
' $unit', ' $unit',
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
color: Color(0xFF9CA3AF), color: AppColors.textMutedOf(context),
), ),
), ),
], ],
@ -906,7 +932,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
decoration: BoxDecoration( decoration: BoxDecoration(
color: statusBgColor, color: statusBgColor,
borderRadius: BorderRadius.circular(9999), borderRadius: BorderRadius.circular(9999),
border: statusBorder ? Border.all(color: const Color(0xFFE5E7EB)) : null, border: statusBorder ? Border.all(color: AppColors.borderOf(context)) : null,
), ),
child: Text( child: Text(
status, status,
@ -918,7 +944,7 @@ class _AssetPageState extends ConsumerState<AssetPage> {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
// 箭头 // 箭头
Icon(Icons.chevron_right, size: 14, color: _grayText.withOpacity(0.5)), Icon(Icons.chevron_right, size: 14, color: AppColors.textMutedOf(context)),
], ],
), ),
); );

72
frontend/mining-app/lib/presentation/pages/auth/login_page.dart
View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart'; import 'package:go_router/go_router.dart';
import '../../../core/router/routes.dart'; import '../../../core/router/routes.dart';
import '../../../core/constants/app_colors.dart';
import '../../providers/user_providers.dart'; import '../../providers/user_providers.dart';
class LoginPage extends ConsumerStatefulWidget { class LoginPage extends ConsumerStatefulWidget {
@ -106,9 +107,10 @@ class _LoginPageState extends ConsumerState<LoginPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final userState = ref.watch(userNotifierProvider); final userState = ref.watch(userNotifierProvider);
final isDark = AppColors.isDark(context);
return Scaffold( return Scaffold(
backgroundColor: Colors.white, backgroundColor: AppColors.backgroundOf(context),
body: SafeArea( body: SafeArea(
child: SingleChildScrollView( child: SingleChildScrollView(
padding: const EdgeInsets.all(24), padding: const EdgeInsets.all(24),
@ -125,7 +127,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
width: 80, width: 80,
height: 80, height: 80,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _orange.withOpacity(0.1), color: _orange.withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
), ),
child: const Icon( child: const Icon(
@ -138,23 +140,23 @@ class _LoginPageState extends ConsumerState<LoginPage> {
const SizedBox(height: 24), const SizedBox(height: 24),
const Text( Text(
'欢迎回来', '欢迎回来',
style: TextStyle( style: TextStyle(
fontSize: 28, fontSize: 28,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
const Text( Text(
'登录您的股行账户', '登录您的股行账户',
style: TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
color: _grayText, color: AppColors.textSecondaryOf(context),
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
@ -163,9 +165,9 @@ class _LoginPageState extends ConsumerState<LoginPage> {
// 登录方式切换 // 登录方式切换
Container( Container(
decoration: const BoxDecoration( decoration: BoxDecoration(
border: Border( border: Border(
bottom: BorderSide(color: _borderGray, width: 1), bottom: BorderSide(color: AppColors.borderOf(context), width: 1),
), ),
), ),
child: Row( child: Row(
@ -189,7 +191,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
style: TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: _isPasswordLogin ? FontWeight.bold : FontWeight.normal, fontWeight: _isPasswordLogin ? FontWeight.bold : FontWeight.normal,
color: _isPasswordLogin ? _orange : _lightGray, color: _isPasswordLogin ? _orange : AppColors.textMutedOf(context),
), ),
), ),
), ),
@ -214,7 +216,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
style: TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: !_isPasswordLogin ? FontWeight.bold : FontWeight.normal, fontWeight: !_isPasswordLogin ? FontWeight.bold : FontWeight.normal,
color: !_isPasswordLogin ? _orange : _lightGray, color: !_isPasswordLogin ? _orange : AppColors.textMutedOf(context),
), ),
), ),
), ),
@ -230,25 +232,25 @@ class _LoginPageState extends ConsumerState<LoginPage> {
TextFormField( TextFormField(
controller: _phoneController, controller: _phoneController,
keyboardType: TextInputType.phone, keyboardType: TextInputType.phone,
style: const TextStyle(color: _darkText), style: TextStyle(color: AppColors.textPrimaryOf(context)),
decoration: InputDecoration( decoration: InputDecoration(
labelText: '手机号', labelText: '手机号',
labelStyle: const TextStyle(color: _grayText), labelStyle: TextStyle(color: AppColors.textSecondaryOf(context)),
prefixIcon: const Icon(Icons.phone_outlined, color: _grayText), prefixIcon: Icon(Icons.phone_outlined, color: AppColors.textSecondaryOf(context)),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
enabledBorder: OutlineInputBorder( enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
focusedBorder: OutlineInputBorder( focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _orange, width: 2), borderSide: const BorderSide(color: _orange, width: 2),
), ),
filled: true, filled: true,
fillColor: Colors.white, fillColor: AppColors.cardOf(context),
), ),
validator: (value) { validator: (value) {
if (value == null || value.isEmpty) { if (value == null || value.isEmpty) {
@ -268,32 +270,32 @@ class _LoginPageState extends ConsumerState<LoginPage> {
TextFormField( TextFormField(
controller: _passwordController, controller: _passwordController,
obscureText: _obscurePassword, obscureText: _obscurePassword,
style: const TextStyle(color: _darkText), style: TextStyle(color: AppColors.textPrimaryOf(context)),
decoration: InputDecoration( decoration: InputDecoration(
labelText: '密码', labelText: '密码',
labelStyle: const TextStyle(color: _grayText), labelStyle: TextStyle(color: AppColors.textSecondaryOf(context)),
prefixIcon: const Icon(Icons.lock_outline, color: _grayText), prefixIcon: Icon(Icons.lock_outline, color: AppColors.textSecondaryOf(context)),
suffixIcon: IconButton( suffixIcon: IconButton(
icon: Icon( icon: Icon(
_obscurePassword ? Icons.visibility_off_outlined : Icons.visibility_outlined, _obscurePassword ? Icons.visibility_off_outlined : Icons.visibility_outlined,
color: _grayText, color: AppColors.textSecondaryOf(context),
), ),
onPressed: () => setState(() => _obscurePassword = !_obscurePassword), onPressed: () => setState(() => _obscurePassword = !_obscurePassword),
), ),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
enabledBorder: OutlineInputBorder( enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
focusedBorder: OutlineInputBorder( focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _orange, width: 2), borderSide: const BorderSide(color: _orange, width: 2),
), ),
filled: true, filled: true,
fillColor: Colors.white, fillColor: AppColors.cardOf(context),
), ),
validator: (value) { validator: (value) {
if (value == null || value.isEmpty) { if (value == null || value.isEmpty) {
@ -310,26 +312,26 @@ class _LoginPageState extends ConsumerState<LoginPage> {
controller: _smsCodeController, controller: _smsCodeController,
keyboardType: TextInputType.number, keyboardType: TextInputType.number,
maxLength: 6, maxLength: 6,
style: const TextStyle(color: _darkText), style: TextStyle(color: AppColors.textPrimaryOf(context)),
decoration: InputDecoration( decoration: InputDecoration(
labelText: '验证码', labelText: '验证码',
labelStyle: const TextStyle(color: _grayText), labelStyle: TextStyle(color: AppColors.textSecondaryOf(context)),
prefixIcon: const Icon(Icons.sms_outlined, color: _grayText), prefixIcon: Icon(Icons.sms_outlined, color: AppColors.textSecondaryOf(context)),
counterText: '', counterText: '',
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
enabledBorder: OutlineInputBorder( enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _borderGray), borderSide: BorderSide(color: AppColors.borderOf(context)),
), ),
focusedBorder: OutlineInputBorder( focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: _orange, width: 2), borderSide: const BorderSide(color: _orange, width: 2),
), ),
filled: true, filled: true,
fillColor: Colors.white, fillColor: AppColors.cardOf(context),
), ),
validator: (value) { validator: (value) {
if (value == null || value.isEmpty) { if (value == null || value.isEmpty) {
@ -349,8 +351,8 @@ class _LoginPageState extends ConsumerState<LoginPage> {
child: ElevatedButton( child: ElevatedButton(
onPressed: _countDown > 0 ? null : _sendSmsCode, onPressed: _countDown > 0 ? null : _sendSmsCode,
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: _countDown > 0 ? _bgGray : _orange.withOpacity(0.1), backgroundColor: _countDown > 0 ? AppColors.backgroundOf(context) : _orange.withOpacity(isDark ? 0.2 : 0.1),
foregroundColor: _countDown > 0 ? _lightGray : _orange, foregroundColor: _countDown > 0 ? AppColors.textMutedOf(context) : _orange,
elevation: 0, elevation: 0,
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
@ -408,9 +410,9 @@ class _LoginPageState extends ConsumerState<LoginPage> {
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
child: TextButton( child: TextButton(
onPressed: () => context.push(Routes.forgotPassword), onPressed: () => context.push(Routes.forgotPassword),
child: const Text( child: Text(
'忘记密码？', '忘记密码？',
style: TextStyle(color: _grayText), style: TextStyle(color: AppColors.textSecondaryOf(context)),
), ),
), ),
), ),
@ -421,9 +423,9 @@ class _LoginPageState extends ConsumerState<LoginPage> {
Row( Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const Text( Text(
'还没有账号？', '还没有账号？',
style: TextStyle(color: _grayText), style: TextStyle(color: AppColors.textSecondaryOf(context)),
), ),
TextButton( TextButton(
onPressed: () => context.push(Routes.register), onPressed: () => context.push(Routes.register),

154
frontend/mining-app/lib/presentation/pages/c2c/c2c_market_page.dart
View File

@ -3,6 +3,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart'; import 'package:go_router/go_router.dart';
import '../../../core/router/routes.dart'; import '../../../core/router/routes.dart';
import '../../../core/utils/format_utils.dart'; import '../../../core/utils/format_utils.dart';
import '../../../core/constants/app_colors.dart';
import '../../../data/models/c2c_order_model.dart'; import '../../../data/models/c2c_order_model.dart';
import '../../providers/c2c_providers.dart'; import '../../providers/c2c_providers.dart';
import '../../providers/user_providers.dart'; import '../../providers/user_providers.dart';
@ -52,20 +53,20 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
final asset = assetAsync.valueOrNull; final asset = assetAsync.valueOrNull;
return Scaffold( return Scaffold(
backgroundColor: _bgGray, backgroundColor: AppColors.backgroundOf(context),
appBar: AppBar( appBar: AppBar(
backgroundColor: Colors.white, backgroundColor: AppColors.cardOf(context),
elevation: 0, elevation: 0,
leading: IconButton( leading: IconButton(
icon: const Icon(Icons.arrow_back, color: _darkText), icon: Icon(Icons.arrow_back, color: AppColors.textPrimaryOf(context)),
onPressed: () => context.pop(), onPressed: () => context.pop(),
), ),
title: const Text( title: Text(
'C2C交易', 'C2C交易',
style: TextStyle( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
centerTitle: true, centerTitle: true,
@ -78,7 +79,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
bottom: TabBar( bottom: TabBar(
controller: _tabController, controller: _tabController,
labelColor: _orange, labelColor: _orange,
unselectedLabelColor: _grayText, unselectedLabelColor: AppColors.textSecondaryOf(context),
indicatorColor: _orange, indicatorColor: _orange,
indicatorWeight: 3, indicatorWeight: 3,
tabs: const [ tabs: const [
@ -91,15 +92,15 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
body: Column( body: Column(
children: [ children: [
// 资产概览 // 资产概览
_buildAssetOverview(asset), _buildAssetOverview(context, asset),
// 订单列表 // 订单列表
Expanded( Expanded(
child: TabBarView( child: TabBarView(
controller: _tabController, controller: _tabController,
children: [ children: [
_buildOrderList('SELL'), // 购买页面显示卖单 _buildOrderList(context, 'SELL'), // 购买页面显示卖单
_buildOrderList('BUY'), // 出售页面显示买单 _buildOrderList(context, 'BUY'), // 出售页面显示买单
_buildMyOrderList(), _buildMyOrderList(context),
], ],
), ),
), ),
@ -108,7 +109,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildAssetOverview(asset) { Widget _buildAssetOverview(BuildContext context, asset) {
final availableShares = asset?.availableShares ?? '0'; final availableShares = asset?.availableShares ?? '0';
final availableCash = asset?.availableCash ?? '0'; final availableCash = asset?.availableCash ?? '0';
@ -116,7 +117,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
margin: const EdgeInsets.all(16), margin: const EdgeInsets.all(16),
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: Row( child: Row(
@ -125,9 +126,9 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text( Text(
'可用积分股', '可用积分股',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text(
@ -141,16 +142,16 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
], ],
), ),
), ),
Container(width: 1, height: 40, color: _bgGray), Container(width: 1, height: 40, color: AppColors.borderOf(context)),
Expanded( Expanded(
child: Padding( child: Padding(
padding: const EdgeInsets.only(left: 16), padding: const EdgeInsets.only(left: 16),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text( Text(
'可用积分值', '可用积分值',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text(
@ -170,7 +171,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildOrderList(String type) { Widget _buildOrderList(BuildContext context, String type) {
final ordersAsync = ref.watch(c2cOrdersProvider(type)); final ordersAsync = ref.watch(c2cOrdersProvider(type));
return ordersAsync.when( return ordersAsync.when(
@ -181,9 +182,9 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const Icon(Icons.error_outline, size: 48, color: _grayText), Icon(Icons.error_outline, size: 48, color: AppColors.textMutedOf(context)),
const SizedBox(height: 8), const SizedBox(height: 8),
Text('加载失败', style: TextStyle(color: _grayText)), Text('加载失败', style: TextStyle(color: AppColors.textSecondaryOf(context))),
const SizedBox(height: 8), const SizedBox(height: 8),
ElevatedButton( ElevatedButton(
onPressed: () => ref.invalidate(c2cOrdersProvider(type)), onPressed: () => ref.invalidate(c2cOrdersProvider(type)),
@ -199,16 +200,16 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Icon(Icons.inbox_outlined, size: 64, color: _grayText.withOpacity(0.5)), Icon(Icons.inbox_outlined, size: 64, color: AppColors.textMutedOf(context)),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
type == 'SELL' ? '暂无出售广告' : '暂无购买广告', type == 'SELL' ? '暂无出售广告' : '暂无购买广告',
style: TextStyle(fontSize: 16, color: _grayText), style: TextStyle(fontSize: 16, color: AppColors.textSecondaryOf(context)),
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
Text( Text(
'点击右上角发布广告', '点击右上角发布广告',
style: TextStyle(fontSize: 14, color: _grayText.withOpacity(0.7)), style: TextStyle(fontSize: 14, color: AppColors.textMutedOf(context)),
), ),
], ],
), ),
@ -224,7 +225,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
itemCount: orders.length, itemCount: orders.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final order = orders[index]; final order = orders[index];
return _buildOrderCard(order, type == 'SELL'); return _buildOrderCard(context, order, type == 'SELL');
}, },
), ),
); );
@ -232,7 +233,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildMyOrderList() { Widget _buildMyOrderList(BuildContext context) {
final ordersAsync = ref.watch(myC2cOrdersProvider); final ordersAsync = ref.watch(myC2cOrdersProvider);
return ordersAsync.when( return ordersAsync.when(
@ -243,9 +244,9 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const Icon(Icons.error_outline, size: 48, color: _grayText), Icon(Icons.error_outline, size: 48, color: AppColors.textMutedOf(context)),
const SizedBox(height: 8), const SizedBox(height: 8),
Text('加载失败', style: TextStyle(color: _grayText)), Text('加载失败', style: TextStyle(color: AppColors.textSecondaryOf(context))),
], ],
), ),
), ),
@ -256,11 +257,11 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Icon(Icons.history, size: 64, color: _grayText.withOpacity(0.5)), Icon(Icons.history, size: 64, color: AppColors.textMutedOf(context)),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
'暂无订单记录', '暂无订单记录',
style: TextStyle(fontSize: 16, color: _grayText), style: TextStyle(fontSize: 16, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
@ -276,7 +277,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
itemCount: orders.length, itemCount: orders.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final order = orders[index]; final order = orders[index];
return _buildMyOrderCard(order); return _buildMyOrderCard(context, order);
}, },
), ),
); );
@ -284,9 +285,10 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildOrderCard(C2cOrderModel order, bool isBuyAction) { Widget _buildOrderCard(BuildContext context, C2cOrderModel order, bool isBuyAction) {
final user = ref.read(userNotifierProvider); final user = ref.read(userNotifierProvider);
final isMyOrder = order.makerAccountSequence == user.accountSequence; final isMyOrder = order.makerAccountSequence == user.accountSequence;
final isDark = AppColors.isDark(context);
return GestureDetector( return GestureDetector(
onTap: isMyOrder ? null : () => _showTakeOrderDialog(order, isBuyAction), onTap: isMyOrder ? null : () => _showTakeOrderDialog(order, isBuyAction),
@ -294,7 +296,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: Column( child: Column(
@ -308,7 +310,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
height: 40, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
shape: BoxShape.circle, shape: BoxShape.circle,
color: (isBuyAction ? _green : _red).withOpacity(0.1), color: (isBuyAction ? _green : _red).withOpacity(isDark ? 0.2 : 0.1),
), ),
child: Center( child: Center(
child: Text( child: Text(
@ -328,10 +330,10 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
children: [ children: [
Text( Text(
order.makerNickname ?? _maskPhone(order.makerPhone ?? ''), order.makerNickname ?? _maskPhone(order.makerPhone ?? ''),
style: const TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
if (isMyOrder) if (isMyOrder)
@ -345,7 +347,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration( decoration: BoxDecoration(
color: (isBuyAction ? _green : _red).withOpacity(0.1), color: (isBuyAction ? _green : _red).withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(4), borderRadius: BorderRadius.circular(4),
), ),
child: Text( child: Text(
@ -367,14 +369,14 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text('单价', style: TextStyle(fontSize: 12, color: _grayText)), Text('单价', style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context))),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text(
'${formatPrice(order.price)} 积分值', '${formatPrice(order.price)} 积分值',
style: const TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
], ],
@ -384,14 +386,14 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text('数量', style: TextStyle(fontSize: 12, color: _grayText)), Text('数量', style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context))),
const SizedBox(height: 4), const SizedBox(height: 4),
Text( Text(
'${formatAmount(order.quantity)} 积分股', '${formatAmount(order.quantity)} 积分股',
style: const TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
], ],
@ -404,13 +406,13 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
Container( Container(
padding: const EdgeInsets.all(12), padding: const EdgeInsets.all(12),
decoration: BoxDecoration( decoration: BoxDecoration(
color: _bgGray, color: isDark ? AppColors.backgroundOf(context) : _bgGray,
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const Text('总金额', style: TextStyle(fontSize: 12, color: _grayText)), Text('总金额', style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context))),
Text( Text(
'${formatAmount(order.totalAmount)} 积分值', '${formatAmount(order.totalAmount)} 积分值',
style: const TextStyle( style: const TextStyle(
@ -426,7 +428,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
const SizedBox(height: 8), const SizedBox(height: 8),
Text( Text(
'备注: ${order.remark}', '备注: ${order.remark}',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
maxLines: 2, maxLines: 2,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
), ),
@ -437,14 +439,15 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildMyOrderCard(C2cOrderModel order) { Widget _buildMyOrderCard(BuildContext context, C2cOrderModel order) {
final isDark = AppColors.isDark(context);
return GestureDetector( return GestureDetector(
onTap: () => context.push(Routes.c2cOrderDetail, extra: order.orderNo), onTap: () => context.push(Routes.c2cOrderDetail, extra: order.orderNo),
child: Container( child: Container(
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: AppColors.cardOf(context),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: Column( child: Column(
@ -459,7 +462,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration( decoration: BoxDecoration(
color: (order.isBuy ? _green : _red).withOpacity(0.1), color: (order.isBuy ? _green : _red).withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(4), borderRadius: BorderRadius.circular(4),
), ),
child: Text( child: Text(
@ -474,11 +477,11 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
const SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
order.orderNo, order.orderNo,
style: const TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
_buildStatusBadge(order.status), _buildStatusBadge(context, order.status),
], ],
), ),
const SizedBox(height: 12), const SizedBox(height: 12),
@ -488,10 +491,10 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
Expanded( Expanded(
child: Text( child: Text(
'${formatAmount(order.quantity)} 积分股', '${formatAmount(order.quantity)} 积分股',
style: const TextStyle( style: TextStyle(
fontSize: 16, fontSize: 16,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
), ),
), ),
), ),
@ -509,7 +512,7 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
// 时间 // 时间
Text( Text(
'创建于 ${_formatDateTime(order.createdAt)}', '创建于 ${_formatDateTime(order.createdAt)}',
style: const TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
@ -517,39 +520,40 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
); );
} }
Widget _buildStatusBadge(C2cOrderStatus status) { Widget _buildStatusBadge(BuildContext context, C2cOrderStatus status) {
final isDark = AppColors.isDark(context);
Color bgColor; Color bgColor;
Color textColor; Color textColor;
String text; String text;
switch (status) { switch (status) {
case C2cOrderStatus.pending: case C2cOrderStatus.pending:
bgColor = _orange.withOpacity(0.1); bgColor = _orange.withOpacity(isDark ? 0.2 : 0.1);
textColor = _orange; textColor = _orange;
text = '待接单'; text = '待接单';
break; break;
case C2cOrderStatus.matched: case C2cOrderStatus.matched:
bgColor = Colors.blue.withOpacity(0.1); bgColor = Colors.blue.withOpacity(isDark ? 0.2 : 0.1);
textColor = Colors.blue; textColor = Colors.blue;
text = '待付款'; text = '待付款';
break; break;
case C2cOrderStatus.paid: case C2cOrderStatus.paid:
bgColor = Colors.purple.withOpacity(0.1); bgColor = Colors.purple.withOpacity(isDark ? 0.2 : 0.1);
textColor = Colors.purple; textColor = Colors.purple;
text = '待确认'; text = '待确认';
break; break;
case C2cOrderStatus.completed: case C2cOrderStatus.completed:
bgColor = _green.withOpacity(0.1); bgColor = _green.withOpacity(isDark ? 0.2 : 0.1);
textColor = _green; textColor = _green;
text = '已完成'; text = '已完成';
break; break;
case C2cOrderStatus.cancelled: case C2cOrderStatus.cancelled:
bgColor = _grayText.withOpacity(0.1); bgColor = AppColors.textMutedOf(context).withOpacity(isDark ? 0.2 : 0.1);
textColor = _grayText; textColor = AppColors.textMutedOf(context);
text = '已取消'; text = '已取消';
break; break;
case C2cOrderStatus.expired: case C2cOrderStatus.expired:
bgColor = _red.withOpacity(0.1); bgColor = _red.withOpacity(isDark ? 0.2 : 0.1);
textColor = _red; textColor = _red;
text = '已过期'; text = '已过期';
break; break;
@ -584,37 +588,47 @@ class _C2cMarketPageState extends ConsumerState<C2cMarketPage>
void _showTakeOrderDialog(C2cOrderModel order, bool isBuyAction) { void _showTakeOrderDialog(C2cOrderModel order, bool isBuyAction) {
showDialog( showDialog(
context: context, context: context,
builder: (context) => AlertDialog( builder: (dialogContext) => AlertDialog(
title: Text(isBuyAction ? '确认购买' : '确认出售'), backgroundColor: AppColors.cardOf(dialogContext),
title: Text(
isBuyAction ? '确认购买' : '确认出售',
style: TextStyle(color: AppColors.textPrimaryOf(dialogContext)),
),
content: Column( content: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text('数量: ${formatAmount(order.quantity)} 积分股'), Text(
'数量: ${formatAmount(order.quantity)} 积分股',
style: TextStyle(color: AppColors.textPrimaryOf(dialogContext)),
),
const SizedBox(height: 8), const SizedBox(height: 8),
Text('单价: ${formatPrice(order.price)} 积分值'), Text(
'单价: ${formatPrice(order.price)} 积分值',
style: TextStyle(color: AppColors.textPrimaryOf(dialogContext)),
),
const SizedBox(height: 8), const SizedBox(height: 8),
Text( Text(
'总金额: ${formatAmount(order.totalAmount)} 积分值', '总金额: ${formatAmount(order.totalAmount)} 积分值',
style: const TextStyle(fontWeight: FontWeight.bold), style: TextStyle(fontWeight: FontWeight.bold, color: AppColors.textPrimaryOf(dialogContext)),
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
isBuyAction isBuyAction
? '您将使用积分值购买对方的积分股' ? '您将使用积分值购买对方的积分股'
: '您将出售积分股换取对方的积分值', : '您将出售积分股换取对方的积分值',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(dialogContext)),
), ),
], ],
), ),
actions: [ actions: [
TextButton( TextButton(
onPressed: () => Navigator.pop(context), onPressed: () => Navigator.pop(dialogContext),
child: const Text('取消'), child: Text('取消', style: TextStyle(color: AppColors.textSecondaryOf(dialogContext))),
), ),
TextButton( TextButton(
onPressed: () async { onPressed: () async {
Navigator.pop(context); Navigator.pop(dialogContext);
await _takeOrder(order); await _takeOrder(order);
}, },
child: Text( child: Text(