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

feat(frontend): 贡献值页面完整支持深色模式 

- 所有卡片背景使用 AppColors.cardOf(context) 动态颜色
- 所有文字颜色改用动态方法 textPrimaryOf/textSecondaryOf/textMutedOf
- 图标背景透明度根据深色模式调整 (isDark ? 0.2 : 0.1)
- 分隔线和边框使用 AppColors.borderOf(context)
- 移除未使用的静态颜色常量

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-01-19 19:32:06 -08:00
parent 61203d1baf
commit 2745995a1a
1 changed files with 96 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

177
frontend/mining-app/lib/presentation/pages/contribution/contribution_page.dart
View File

@ -16,12 +16,6 @@ class ContributionPage extends ConsumerWidget {
static const Color _orange = AppColors.orange; static const Color _orange = AppColors.orange;
static const Color _green = AppColors.primary; static const Color _green = AppColors.primary;
// 浅色模式设计色彩（保持原有配色）
static const Color _grayText = Color(0xFF6B7280);
static const Color _darkText = Color(0xFF1F2937);
static const Color _bgGray = Color(0xFFF3F4F6);
static const Color _lightGray = Color(0xFFF9FAFB);
@override @override
Widget build(BuildContext context, WidgetRef ref) { Widget build(BuildContext context, WidgetRef ref) {
final user = ref.watch(userNotifierProvider); final user = ref.watch(userNotifierProvider);
@ -78,22 +72,22 @@ class ContributionPage extends ConsumerWidget {
sliver: SliverList( sliver: SliverList(
delegate: SliverChildListDelegate([ delegate: SliverChildListDelegate([
// 总贡献值卡片 // 总贡献值卡片
_buildTotalContributionCard(ref, contribution, isLoading, sharePoolBalance, isSharePoolLoading), _buildTotalContributionCard(context, ref, contribution, isLoading, sharePoolBalance, isSharePoolLoading),
const SizedBox(height: 16), const SizedBox(height: 16),
// 三栏统计 // 三栏统计
_buildThreeColumnStats(ref, contribution, isLoading), _buildThreeColumnStats(context, ref, contribution, isLoading),
const SizedBox(height: 16), const SizedBox(height: 16),
// 今日预估收益 // 今日预估收益
_buildTodayEstimateCard(ref, estimatedEarnings, isLoading || isStatsLoading), _buildTodayEstimateCard(context, ref, estimatedEarnings, isLoading || isStatsLoading),
const SizedBox(height: 16), const SizedBox(height: 16),
// 贡献值明细（三类汇总） // 贡献值明细（三类汇总）
_buildContributionDetailCard(context, ref, contribution, isLoading), _buildContributionDetailCard(context, ref, contribution, isLoading),
const SizedBox(height: 16), const SizedBox(height: 16),
// 团队下贡献值统计 // 团队下贡献值统计
_buildTeamStatsCard(contribution, isLoading), _buildTeamStatsCard(context, contribution, isLoading),
const SizedBox(height: 16), const SizedBox(height: 16),
// 贡献值失效倒计时 // 贡献值失效倒计时
_buildExpirationCard(contribution, isLoading), _buildExpirationCard(context, contribution, isLoading),
const SizedBox(height: 24), const SizedBox(height: 24),
]), ]),
), ),
@ -106,8 +100,9 @@ class ContributionPage extends ConsumerWidget {
} }
Widget _buildAppBar(BuildContext context) { Widget _buildAppBar(BuildContext context) {
final isDark = AppColors.isDark(context);
return Container( return Container(
color: _lightGray, color: AppColors.cardOf(context),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
child: Row( child: Row(
children: [ children: [
@ -116,32 +111,32 @@ class ContributionPage extends ConsumerWidget {
width: 32, width: 32,
height: 32, height: 32,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _orange.withOpacity(0.1), color: _orange.withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
), ),
child: const Icon(Icons.eco, color: _orange, size: 20), child: const Icon(Icons.eco, color: _orange, size: 20),
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
const Text( Text(
'股行', '股行',
style: TextStyle( style: TextStyle(
fontSize: 18, fontSize: 18,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: _darkText, color: AppColors.textPrimaryOf(context),
letterSpacing: 0.45, letterSpacing: 0.45,
), ),
), ),
const Spacer(), const Spacer(),
// 客服 // 客服
IconButton( IconButton(
icon: const Icon(Icons.headset_mic_outlined, color: _grayText), icon: Icon(Icons.headset_mic_outlined, color: AppColors.textSecondaryOf(context)),
onPressed: () {}, onPressed: () {},
), ),
// 通知（带红点） // 通知（带红点）
Stack( Stack(
children: [ children: [
IconButton( IconButton(
icon: const Icon(Icons.notifications_outlined, color: _grayText), icon: Icon(Icons.notifications_outlined, color: AppColors.textSecondaryOf(context)),
onPressed: () {}, onPressed: () {},
), ),
Positioned( Positioned(
@ -164,18 +159,20 @@ class ContributionPage extends ConsumerWidget {
} }
Widget _buildTotalContributionCard( Widget _buildTotalContributionCard(
BuildContext context,
WidgetRef ref, WidgetRef ref,
Contribution? contribution, Contribution? contribution,
bool isLoading, bool isLoading,
SharePoolBalance? sharePoolBalance, SharePoolBalance? sharePoolBalance,
bool isSharePoolLoading, bool isSharePoolLoading,
) { ) {
final isDark = AppColors.isDark(context);
final total = contribution?.totalContribution ?? '0'; final total = contribution?.totalContribution ?? '0';
final hideAmounts = ref.watch(hideAmountsProvider); final hideAmounts = ref.watch(hideAmountsProvider);
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),
), ),
child: Column( child: Column(
@ -184,9 +181,9 @@ class ContributionPage extends ConsumerWidget {
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const Text( Text(
'总贡献值', '总贡献值',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _grayText), style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: AppColors.textSecondaryOf(context)),
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
@ -194,7 +191,7 @@ class ContributionPage extends ConsumerWidget {
}, },
child: Icon( child: Icon(
hideAmounts ? Icons.visibility_off_outlined : Icons.visibility_outlined, hideAmounts ? Icons.visibility_off_outlined : Icons.visibility_outlined,
color: _grayText.withOpacity(0.5), color: AppColors.textMutedOf(context),
size: 18, size: 18,
), ),
), ),
@ -218,7 +215,7 @@ class ContributionPage extends ConsumerWidget {
children: [ children: [
Text( Text(
'积分股池实时余量: ', '积分股池实时余量: ',
style: TextStyle(fontSize: 12, color: _grayText.withOpacity(0.9)), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
isSharePoolLoading isSharePoolLoading
? const ShimmerText( ? const ShimmerText(
@ -236,17 +233,17 @@ class ContributionPage extends ConsumerWidget {
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6), padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration( decoration: BoxDecoration(
color: _lightGray, color: isDark ? AppColors.backgroundOf(context) : const Color(0xFFF9FAFB),
borderRadius: BorderRadius.circular(999), borderRadius: BorderRadius.circular(999),
), ),
child: Row( child: Row(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Icon(Icons.info_outline, size: 14, color: _grayText.withOpacity(0.7)), Icon(Icons.info_outline, size: 14, color: AppColors.textMutedOf(context)),
const SizedBox(width: 6), const SizedBox(width: 6),
Text( Text(
'贡献值有效期: 730 天', '贡献值有效期: 730 天',
style: TextStyle(fontSize: 12, color: _grayText.withOpacity(0.9)), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
@ -256,42 +253,42 @@ class ContributionPage extends ConsumerWidget {
); );
} }
Widget _buildThreeColumnStats(WidgetRef ref, Contribution? contribution, bool isLoading) { Widget _buildThreeColumnStats(BuildContext context, WidgetRef ref, Contribution? contribution, bool isLoading) {
final hideAmounts = ref.watch(hideAmountsProvider); final hideAmounts = ref.watch(hideAmountsProvider);
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),
), ),
child: Row( child: Row(
children: [ children: [
_buildStatColumn('个人贡献值', contribution?.personalContribution, isLoading, false, hideAmounts), _buildStatColumn(context, '个人贡献值', contribution?.personalContribution, isLoading, false, hideAmounts),
_buildStatColumn('团队下贡献值', contribution?.teamLevelContribution, isLoading, true, hideAmounts), _buildStatColumn(context, '团队下贡献值', contribution?.teamLevelContribution, isLoading, true, hideAmounts),
_buildStatColumn('团队上贡献值', contribution?.teamBonusContribution, isLoading, true, hideAmounts), _buildStatColumn(context, '团队上贡献值', contribution?.teamBonusContribution, isLoading, true, hideAmounts),
], ],
), ),
); );
} }
Widget _buildStatColumn(String label, String? value, bool isLoading, bool showLeftBorder, bool hideAmounts) { Widget _buildStatColumn(BuildContext context, String label, String? value, bool isLoading, bool showLeftBorder, bool hideAmounts) {
return Expanded( return Expanded(
child: Container( child: Container(
decoration: showLeftBorder decoration: showLeftBorder
? const BoxDecoration( ? BoxDecoration(
border: Border(left: BorderSide(color: Color(0xFFE5E7EB), width: 1)), border: Border(left: BorderSide(color: AppColors.borderOf(context), width: 1)),
) )
: null, : null,
padding: const EdgeInsets.symmetric(horizontal: 4), padding: const EdgeInsets.symmetric(horizontal: 4),
child: Column( child: Column(
children: [ children: [
Text(label, style: const TextStyle(fontSize: 12, color: _grayText)), Text(label, style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context))),
const SizedBox(height: 4), const SizedBox(height: 4),
DataText( DataText(
data: value != null ? (hideAmounts ? '****' : formatAmount(value)) : null, data: value != null ? (hideAmounts ? '****' : formatAmount(value)) : null,
isLoading: isLoading, isLoading: isLoading,
placeholder: '--', placeholder: '--',
style: const TextStyle(fontSize: 14, fontWeight: FontWeight.bold, color: _darkText), style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold, color: AppColors.textPrimaryOf(context)),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
], ],
@ -300,12 +297,13 @@ class ContributionPage extends ConsumerWidget {
); );
} }
Widget _buildTodayEstimateCard(WidgetRef ref, EstimatedEarnings earnings, bool isLoading) { Widget _buildTodayEstimateCard(BuildContext context, WidgetRef ref, EstimatedEarnings earnings, bool isLoading) {
final isDark = AppColors.isDark(context);
final hideAmounts = ref.watch(hideAmountsProvider); final hideAmounts = ref.watch(hideAmountsProvider);
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),
), ),
child: Row( child: Row(
@ -315,7 +313,7 @@ class ContributionPage extends ConsumerWidget {
width: 40, width: 40,
height: 40, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
color: _green.withOpacity(0.1), color: _green.withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: const Icon(Icons.trending_up, color: _green, size: 24), child: const Icon(Icons.trending_up, color: _green, size: 24),
@ -326,13 +324,13 @@ class ContributionPage extends ConsumerWidget {
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text( Text(
'今日预估收益', '今日预估收益',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _grayText), style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: AppColors.textSecondaryOf(context)),
), ),
Text( Text(
'基于当前贡献值占比计算', '基于当前贡献值占比计算',
style: TextStyle(fontSize: 12, color: _grayText.withOpacity(0.7)), style: TextStyle(fontSize: 12, color: AppColors.textMutedOf(context)),
), ),
], ],
), ),
@ -377,11 +375,12 @@ class ContributionPage extends ConsumerWidget {
Contribution? contribution, Contribution? contribution,
bool isLoading, bool isLoading,
) { ) {
final isDark = AppColors.isDark(context);
final hideAmounts = ref.watch(hideAmountsProvider); final hideAmounts = ref.watch(hideAmountsProvider);
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),
), ),
child: Column( child: Column(
@ -390,9 +389,9 @@ class ContributionPage extends ConsumerWidget {
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const Text( Text(
'贡献值明细', '贡献值明细',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: _darkText), style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: AppColors.textPrimaryOf(context)),
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
@ -410,11 +409,13 @@ class ContributionPage extends ConsumerWidget {
const SizedBox(height: 16), const SizedBox(height: 16),
// 三类汇总 // 三类汇总
if (isLoading) if (isLoading)
_buildDetailSummaryShimmer() _buildDetailSummaryShimmer(context)
else else
Column( Column(
children: [ children: [
_buildDetailSummaryRow( _buildDetailSummaryRow(
context: context,
isDark: isDark,
icon: Icons.eco_outlined, icon: Icons.eco_outlined,
iconColor: _orange, iconColor: _orange,
title: '本人', title: '本人',
@ -422,8 +423,10 @@ class ContributionPage extends ConsumerWidget {
amount: contribution?.personalContribution ?? '0', amount: contribution?.personalContribution ?? '0',
hideAmounts: hideAmounts, hideAmounts: hideAmounts,
), ),
const Divider(height: 24), Divider(height: 24, color: AppColors.borderOf(context)),
_buildDetailSummaryRow( _buildDetailSummaryRow(
context: context,
isDark: isDark,
icon: Icons.groups_outlined, icon: Icons.groups_outlined,
iconColor: Colors.blue, iconColor: Colors.blue,
title: '团队下贡献值', title: '团队下贡献值',
@ -431,8 +434,10 @@ class ContributionPage extends ConsumerWidget {
amount: contribution?.teamLevelContribution ?? '0', amount: contribution?.teamLevelContribution ?? '0',
hideAmounts: hideAmounts, hideAmounts: hideAmounts,
), ),
const Divider(height: 24), Divider(height: 24, color: AppColors.borderOf(context)),
_buildDetailSummaryRow( _buildDetailSummaryRow(
context: context,
isDark: isDark,
icon: Icons.card_giftcard_outlined, icon: Icons.card_giftcard_outlined,
iconColor: Colors.purple, iconColor: Colors.purple,
title: '团队上贡献值', title: '团队上贡献值',
@ -447,19 +452,19 @@ class ContributionPage extends ConsumerWidget {
); );
} }
Widget _buildDetailSummaryShimmer() { Widget _buildDetailSummaryShimmer(BuildContext context) {
return Column( return Column(
children: [ children: [
_buildShimmerSummaryRow(), _buildShimmerSummaryRow(context),
const Divider(height: 24), Divider(height: 24, color: AppColors.borderOf(context)),
_buildShimmerSummaryRow(), _buildShimmerSummaryRow(context),
const Divider(height: 24), Divider(height: 24, color: AppColors.borderOf(context)),
_buildShimmerSummaryRow(), _buildShimmerSummaryRow(context),
], ],
); );
} }
Widget _buildShimmerSummaryRow() { Widget _buildShimmerSummaryRow(BuildContext context) {
return Row( return Row(
children: [ children: [
const ShimmerBox(width: 40, height: 40), const ShimmerBox(width: 40, height: 40),
@ -467,15 +472,15 @@ class ContributionPage extends ConsumerWidget {
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: const [ children: [
ShimmerText( ShimmerText(
placeholder: '本人', placeholder: '本人',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _darkText), style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: AppColors.textPrimaryOf(context)),
), ),
SizedBox(height: 2), const SizedBox(height: 2),
ShimmerText( ShimmerText(
placeholder: '个人参与产生的贡献值', placeholder: '个人参与产生的贡献值',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
@ -489,6 +494,8 @@ class ContributionPage extends ConsumerWidget {
} }
Widget _buildDetailSummaryRow({ Widget _buildDetailSummaryRow({
required BuildContext context,
required bool isDark,
required IconData icon, required IconData icon,
required Color iconColor, required Color iconColor,
required String title, required String title,
@ -502,7 +509,7 @@ class ContributionPage extends ConsumerWidget {
width: 40, width: 40,
height: 40, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
color: iconColor.withOpacity(0.1), color: iconColor.withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
child: Icon(icon, color: iconColor, size: 22), child: Icon(icon, color: iconColor, size: 22),
@ -514,12 +521,12 @@ class ContributionPage extends ConsumerWidget {
children: [ children: [
Text( Text(
title, title,
style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _darkText), style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: AppColors.textPrimaryOf(context)),
), ),
const SizedBox(height: 2), const SizedBox(height: 2),
Text( Text(
subtitle, subtitle,
style: TextStyle(fontSize: 11, color: _grayText.withOpacity(0.8)), style: TextStyle(fontSize: 11, color: AppColors.textMutedOf(context)),
), ),
], ],
), ),
@ -532,25 +539,26 @@ class ContributionPage extends ConsumerWidget {
); );
} }
Widget _buildTeamStatsCard(Contribution? contribution, bool isLoading) { Widget _buildTeamStatsCard(BuildContext context, Contribution? contribution, bool isLoading) {
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),
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
const Text( Text(
'团队下贡献值统计', '团队下贡献值统计',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: _darkText), style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: AppColors.textPrimaryOf(context)),
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
// 第一行 // 第一行
Row( Row(
children: [ children: [
_buildTeamStatItem( _buildTeamStatItem(
context,
'引荐人数', '引荐人数',
contribution?.directReferralAdoptedCount.toString(), contribution?.directReferralAdoptedCount.toString(),
'人', '人',
@ -558,6 +566,7 @@ class ContributionPage extends ConsumerWidget {
), ),
const SizedBox(width: 16), const SizedBox(width: 16),
_buildTeamStatItem( _buildTeamStatItem(
context,
'已解锁上级', '已解锁上级',
'15', '15',
'', '',
@ -570,6 +579,7 @@ class ContributionPage extends ConsumerWidget {
Row( Row(
children: [ children: [
_buildTeamStatItem( _buildTeamStatItem(
context,
'已解锁下级', '已解锁下级',
contribution?.unlockedLevelDepth.toString(), contribution?.unlockedLevelDepth.toString(),
'', '',
@ -577,6 +587,7 @@ class ContributionPage extends ConsumerWidget {
), ),
const SizedBox(width: 16), const SizedBox(width: 16),
_buildTeamStatItem( _buildTeamStatItem(
context,
'是否参与', '是否参与',
contribution != null ? (contribution.hasAdopted == true ? '是' : '否') : null, contribution != null ? (contribution.hasAdopted == true ? '是' : '否') : null,
'', '',
@ -589,18 +600,19 @@ class ContributionPage extends ConsumerWidget {
); );
} }
Widget _buildTeamStatItem(String label, String? value, String unit, bool isLoading) { Widget _buildTeamStatItem(BuildContext context, String label, String? value, String unit, bool isLoading) {
final isDark = AppColors.isDark(context);
return Expanded( return Expanded(
child: Container( child: Container(
padding: const EdgeInsets.all(12), padding: const EdgeInsets.all(12),
decoration: BoxDecoration( decoration: BoxDecoration(
color: _bgGray, color: isDark ? AppColors.backgroundOf(context) : const Color(0xFFF3F4F6),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text(label, style: const TextStyle(fontSize: 12, color: _grayText)), Text(label, style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context))),
const SizedBox(height: 4), const SizedBox(height: 4),
isLoading isLoading
? ShimmerText( ? ShimmerText(
@ -617,7 +629,7 @@ class ContributionPage extends ConsumerWidget {
if (unit.isNotEmpty) if (unit.isNotEmpty)
TextSpan( TextSpan(
text: unit, text: unit,
style: const TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
], ],
), ),
@ -629,9 +641,11 @@ class ContributionPage extends ConsumerWidget {
} }
Widget _buildExpirationCard( Widget _buildExpirationCard(
BuildContext context,
Contribution? contribution, Contribution? contribution,
bool isLoading, bool isLoading,
) { ) {
final isDark = AppColors.isDark(context);
// 贡献值有效期为2年（730天） // 贡献值有效期为2年（730天）
// 暂时使用固定信息，后续可从后端获取最近过期日期 // 暂时使用固定信息，后续可从后端获取最近过期日期
const int validityDays = 730; const int validityDays = 730;
@ -643,24 +657,25 @@ class ContributionPage extends ConsumerWidget {
? '贡献值自生效日起 $validityDays 天内有效' ? '贡献值自生效日起 $validityDays 天内有效'
: '暂无贡献值'; : '暂无贡献值';
final double progress = hasContribution ? 1.0 : 0.0; final double progress = hasContribution ? 1.0 : 0.0;
final bgGrayColor = isDark ? AppColors.backgroundOf(context) : const Color(0xFFF3F4F6);
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),
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
// 标题 // 标题
const Row( Row(
children: [ children: [
Icon(Icons.timer_outlined, color: _orange, size: 24), const Icon(Icons.timer_outlined, color: _orange, size: 24),
SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
'贡献值失效倒计时', '贡献值失效倒计时',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: _darkText), style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: AppColors.textPrimaryOf(context)),
), ),
], ],
), ),
@ -671,22 +686,22 @@ class ContributionPage extends ConsumerWidget {
child: LinearProgressIndicator( child: LinearProgressIndicator(
value: isLoading ? 1.0 : progress, value: isLoading ? 1.0 : progress,
minHeight: 10, minHeight: 10,
backgroundColor: _bgGray, backgroundColor: bgGrayColor,
valueColor: AlwaysStoppedAnimation<Color>( valueColor: AlwaysStoppedAnimation<Color>(
isLoading ? _bgGray : _orange, isLoading ? bgGrayColor : _orange,
), ),
), ),
), ),
const SizedBox(height: 12), const SizedBox(height: 12),
// 说明文字 // 说明文字
isLoading isLoading
? const ShimmerText( ? ShimmerText(
placeholder: '贡献值有效期信息加载中...', placeholder: '贡献值有效期信息加载中...',
style: TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
) )
: Text( : Text(
expireDateText, expireDateText,
style: const TextStyle(fontSize: 12, color: _grayText), style: TextStyle(fontSize: 12, color: AppColors.textSecondaryOf(context)),
), ),
const SizedBox(height: 4), const SizedBox(height: 4),
isLoading isLoading
@ -694,9 +709,9 @@ class ContributionPage extends ConsumerWidget {
placeholder: '有效期 --- 天', placeholder: '有效期 --- 天',
style: TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500), style: TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500),
) )
: Text( : const Text(
'有效期 $validityDays 天', '有效期 $validityDays 天',
style: const TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500), style: TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500),
), ),
], ],
), ),