sion123
7ed2435a4c
- 创建 AppThemeColors ThemeExtension 类，统一管理主题感知颜色（涨跌色、卡片背景、渐变等） - 从 AppColorScheme 移除主题感知辅助函数，仅保留静态颜色常量 - 在 AppTheme 中注册 ThemeExtension，支持深色/浅色主题工厂 - 重构所有 UI 组件使用 context.appColors 访问主题颜色，替代硬编码的 AppColorScheme 方法调用 - 移除组件中重复的 isDark 判断逻辑，简化颜色获取方式 - 保持向后兼容性，所有现有功能不变
74 lines
2.4 KiB
Dart
74 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
||
import '../../../../core/theme/app_spacing.dart';
|
||
import '../../../../core/theme/app_theme.dart';
|
||
import '../../../../core/theme/app_theme_extension.dart';
|
||
import '../../../../data/models/coin.dart';
|
||
|
||
/// 价格卡片组件
|
||
///
|
||
/// 显示当前币种价格和 24h 涨跌幅。
|
||
/// 布局：大号价格(32px bold) + 涨跌幅徽章(圆角sm，涨绿背景) + "24h 变化" 副标题。
|
||
class PriceCard extends StatelessWidget {
|
||
final Coin coin;
|
||
const PriceCard({super.key, required this.coin});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isUp = coin.isUp;
|
||
final changeColor =
|
||
isUp ? context.appColors.up : context.appColors.down;
|
||
final changeBgColor = isUp
|
||
? context.appColors.upBackground
|
||
: context.appColors.downBackground;
|
||
|
||
return Container(
|
||
width: double.infinity,
|
||
padding: const EdgeInsets.all(AppSpacing.md + AppSpacing.sm),
|
||
decoration: BoxDecoration(
|
||
color: context.appColors.surfaceCard,
|
||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||
border: Border.all(
|
||
color: context.appColors.ghostBorder,
|
||
),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 价格行：大号价格 + 涨跌幅徽章
|
||
Row(
|
||
children: [
|
||
Text(
|
||
coin.formattedPrice,
|
||
style: AppTextStyles.numberLarge(context).copyWith(fontSize: 32),
|
||
),
|
||
const SizedBox(width: AppSpacing.sm),
|
||
// 涨跌幅徽章 - 圆角sm，涨绿背景
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: AppSpacing.sm, vertical: AppSpacing.xs),
|
||
decoration: BoxDecoration(
|
||
color: changeBgColor,
|
||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||
),
|
||
child: Text(
|
||
coin.formattedChange,
|
||
style: AppTextStyles.numberSmall(context).copyWith(
|
||
color: changeColor,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: AppSpacing.sm),
|
||
// 副标题
|
||
Text(
|
||
'24h 变化',
|
||
style: AppTextStyles.bodySmall(context),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|