feat: 实现起卦、设置与积分系统

2026-04-03 16:56:47 +08:00
parent 31594558eb
commit f245eec5f6
170 changed files with 20728 additions and 328 deletions
@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+
+import '../../../../l10n/app_localizations.dart';
+import '../../../../shared/theme/app_color_palette.dart';
+import '../../../../shared/theme/design_tokens.dart';
+import '../widgets/settings_section_widgets.dart';
+
+class CoinCenterScreen extends StatelessWidget {
+  const CoinCenterScreen({super.key, required this.balance});
+
+  final int balance;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    final colors = Theme.of(context).colorScheme;
+    final palette = Theme.of(context).extension<AppColorPalette>()!;
+
+    return Scaffold(
+      backgroundColor: colors.surfaceContainerLow,
+      appBar: AppBar(
+        title: Text(l10n.settingsCoinCenterTitle),
+        centerTitle: true,
+        backgroundColor: colors.surfaceContainerLow,
+        surfaceTintColor: colors.surfaceContainerLow,
+      ),
+      body: ListView(
+        padding: const EdgeInsets.all(AppSpacing.lg),
+        children: [
+          Container(
+            padding: const EdgeInsets.all(AppSpacing.xl),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(AppRadius.xl),
+              gradient: LinearGradient(
+                colors: [colors.primary, palette.accentPurple],
+              ),
+            ),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Icon(
+                  Icons.monetization_on_rounded,
+                  color: colors.onPrimary,
+                  size: 34,
+                ),
+                const SizedBox(height: AppSpacing.md),
+                Text(
+                  l10n.settingsCoinBalanceLabel,
+                  style: Theme.of(
+                    context,
+                  ).textTheme.bodyMedium?.copyWith(color: colors.onPrimary),
+                ),
+                const SizedBox(height: AppSpacing.xs),
+                Text(
+                  l10n.settingsCoinBalanceValue(balance),
+                  style: Theme.of(
+                    context,
+                  ).textTheme.headlineMedium?.copyWith(color: colors.onPrimary),
+                ),
+                const SizedBox(height: AppSpacing.sm),
+                Text(
+                  l10n.settingsCoinCenterDescription,
+                  style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                    color: colors.onPrimary.withValues(alpha: 0.88),
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: AppSpacing.xl),
+          SectionLabel(text: l10n.settingsCoinRechargeSection),
+          CoinPackageCard(
+            title: l10n.settingsCoinPackBasic,
+            price: '\$4.99',
+            amount: 100,
+          ),
+          const SizedBox(height: AppSpacing.md),
+          CoinPackageCard(
+            title: l10n.settingsCoinPackPopular,
+            price: '\$7.99',
+            amount: 210,
+            badge: l10n.settingsCoinPackPopularBadge,
+          ),
+          const SizedBox(height: AppSpacing.md),
+          CoinPackageCard(
+            title: l10n.settingsCoinPackPremium,
+            price: '\$12.99',
+            amount: 415,
+          ),
+        ],
+      ),
+    );
+  }
+}