maobo/jinzhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：靠原型不齐页面

Browse Source
This commit is contained in:
jingyun
2026-06-18 16:53:08 +08:00
parent 35eed6b5b8
commit f42ad566e0
14 changed files with 4013 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ios/Runner.xcodeproj/project.pbxproj
-4
View File
@@ -299,14 +299,10 @@
inputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
);
inputPaths = (
);
name = "[CP] Embed Pods Frameworks";
outputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
);
outputPaths = (
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
lib/app/app.dart
+1 -5
View File
@@ -1,5 +1,4 @@
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
@@ -15,10 +14,7 @@ class JinzhiApp extends ConsumerWidget {
Widget build(BuildContext context, WidgetRef ref) {
final router = ref.watch(routerProvider);
final mode = ref.watch(themeModeControllerProvider);
// DM Sans 作主字体（拉丁/数字），中文走系统级联（iOS 苹方 / Android 厂商
// 中文字体）——主流做法，不显式点名、不内置字体。
final dmSansFamily = GoogleFonts.dmSans().fontFamily;
final textTheme = ShadTextTheme(family: dmSansFamily);
final textTheme = ShadTextTheme();
return ShadApp.router(
title: '金值',
themeMode: mode,
lib/common/router/app_router.dart
+118
View File
@@ -3,6 +3,7 @@ import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import '../../features/assets/presentation/assets_page.dart';
import '../../features/assets/presentation/holding_detail_page.dart';
import '../../features/auth/presentation/delete_account_page.dart';
import '../../features/auth/presentation/login_page.dart';
import '../../features/debug/presentation/debug_info_page.dart';
@@ -11,8 +12,11 @@ import '../../features/debug/presentation/debug_shorebird_page.dart';
import '../../features/debug/presentation/fancy_dio_inspector_page.dart';
import '../../features/debug/presentation/typography_test_page.dart';
import '../../features/market/presentation/market_page.dart';
import '../../features/market/presentation/market_kline_page.dart';
import '../../features/news/presentation/news_page.dart';
import '../../features/news/presentation/news_detail_page.dart';
import '../../features/profile/presentation/profile_page.dart';
import '../../features/profile/presentation/profile_action_pages.dart';
import '../../features/settings/presentation/settings_page.dart';
import '../../features/settings/presentation/privacy_consent_page.dart';
import '../services/device_header_service.dart';
@@ -21,8 +25,22 @@ import 'tab_shell.dart';
abstract final class AppRoutes {
static const assets = '/assets';
static const market = '/market';
static const marketKline = '/market/kline';
static const news = '/news';
static const newsDetail = '/news/detail';
static const profile = '/profile';
static const profileInvite = '/profile/invite';
static const profileShare = '/profile/share';
static const profileLocalBackup = '/profile/local-backup';
static const profileCloudBackup = '/profile/cloud-backup';
static const profileWidget = '/profile/widget';
static const profilePurity = '/profile/purity';
static const profileRecycle = '/profile/recycle';
static const profilePriceColor = '/profile/price-color';
static const profileCurrency = '/profile/currency';
static const profileDisclaimer = '/profile/disclaimer';
static const profileAbout = '/profile/about';
static const assetDetail = '/assets/detail';
static const login = '/login';
static const settings = '/settings';
static const deleteAccount = '/delete-account';
@@ -73,6 +91,77 @@ final routerProvider = Provider<GoRouter>((ref) {
),
],
),
GoRoute(
path: AppRoutes.assetDetail,
builder: (ctx, s) =>
HoldingDetailPage(id: s.uri.queryParameters['id']),
),
GoRoute(
path: AppRoutes.marketKline,
builder: (ctx, s) => MarketKlinePage(
metalId: s.uri.queryParameters['metal'],
periodId: s.uri.queryParameters['period'],
),
),
GoRoute(
path: AppRoutes.newsDetail,
builder: (ctx, s) => NewsDetailPage(id: s.uri.queryParameters['id']),
),
GoRoute(
path: AppRoutes.profileInvite,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const InviteRewardPage()),
),
GoRoute(
path: AppRoutes.profileShare,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const ShareCardPage()),
),
GoRoute(
path: AppRoutes.profileLocalBackup,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const LocalBackupPage()),
),
GoRoute(
path: AppRoutes.profileCloudBackup,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const CloudBackupPage()),
),
GoRoute(
path: AppRoutes.profileWidget,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const WidgetSettingsPage()),
),
GoRoute(
path: AppRoutes.profilePurity,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const PuritySettingsPage()),
),
GoRoute(
path: AppRoutes.profileRecycle,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const RecycleDiscountPage()),
),
GoRoute(
path: AppRoutes.profilePriceColor,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const PriceColorPage()),
),
GoRoute(
path: AppRoutes.profileCurrency,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const CurrencyPage()),
),
GoRoute(
path: AppRoutes.profileDisclaimer,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const DisclaimerPage()),
),
GoRoute(
path: AppRoutes.profileAbout,
pageBuilder: (ctx, s) =>
_bottomUpPage(state: s, child: const AboutPage()),
),
GoRoute(path: AppRoutes.debug, builder: (_, s) => const DebugPage()),
GoRoute(
path: AppRoutes.login,
@@ -113,3 +202,32 @@ final routerProvider = Provider<GoRouter>((ref) {
],
);
});
CustomTransitionPage<T> _bottomUpPage<T>({
required GoRouterState state,
required Widget child,
}) {
return CustomTransitionPage<T>(
key: state.pageKey,
transitionDuration: const Duration(milliseconds: 260),
reverseTransitionDuration: const Duration(milliseconds: 220),
child: child,
transitionsBuilder: (context, animation, secondaryAnimation, pageChild) {
final curved = CurvedAnimation(
parent: animation,
curve: Curves.easeOutCubic,
reverseCurve: Curves.easeInCubic,
);
return SlideTransition(
position: Tween<Offset>(
begin: const Offset(0, 0.08),
end: Offset.zero,
).animate(curved),
child: FadeTransition(
opacity: curved,
child: pageChild,
),
);
},
);
}
lib/common/router/tab_shell.dart
+5 -49
View File
@@ -1,11 +1,8 @@
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../theme/app_icons.dart';
import '../widgets/adaptive.dart';
import 'app_router.dart';
class TabShell extends StatefulWidget {
const TabShell({super.key, required this.child, required this.location});
@@ -42,11 +39,6 @@ class _TabShellState extends State<TabShell> {
final canPop = GoRouter.of(context).canPop();
return Scaffold(
backgroundColor: cs.background,
resizeToAvoidBottomInset: false,
body: Stack(
children: [
Scaffold(
backgroundColor: cs.background,
resizeToAvoidBottomInset: false,
appBar: AppBar(
@@ -107,34 +99,21 @@ class _TabShellState extends State<TabShell> {
child: Stack(children: [Positioned.fill(child: widget.child)]),
),
),
bottomNavigationBar: SafeArea(
top: false,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
DecoratedBox(
bottomNavigationBar: DecoratedBox(
decoration: BoxDecoration(
color: cs.background,
border: Border(
top: BorderSide(color: cs.border, width: 1),
),
border: Border(top: BorderSide(color: cs.border, width: 1)),
),
child: SafeArea(
top: false,
child: SizedBox(
height: 62,
// 平板：tab 行限宽 600 居中（demo .nav .tabs）
child: Center(
child: ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: Adaptive.tabsMaxWidth,
),
child: Row(
children: [
for (var i = 0; i < _tabs.length; i++)
Expanded(
child: _TabButton(
icon: i == _index
? _filledIcons[i]
: _outlineIcons[i],
icon: i == _index ? _filledIcons[i] : _outlineIcons[i],
label: _labels[i],
selected: i == _index,
onTap: () => context.go(_tabs[i]),
@@ -145,29 +124,6 @@ class _TabShellState extends State<TabShell> {
),
),
),
),
],
),
),
),
if (!kReleaseMode)
Positioned(
right: 16,
bottom: 88,
child: FilledButton(
onPressed: () => context.push(AppRoutes.fancyDioInspector),
style: FilledButton.styleFrom(
backgroundColor: cs.primary,
foregroundColor: cs.primaryForeground,
minimumSize: const Size(60, 60),
shape: const CircleBorder(),
padding: EdgeInsets.zero,
),
child: const Text('请求'),
),
),
],
),
);
}
lib/common/widgets/prototype_ui.dart
+292
View File
@@ -0,0 +1,292 @@
import 'package:flutter/material.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
class PrototypeFrame extends StatelessWidget {
const PrototypeFrame({
super.key,
required this.child,
this.top = 0,
this.bottom = 24,
});
final Widget child;
final double top;
final double bottom;
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.fromLTRB(18, top, 18, bottom),
child: Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 760),
child: child,
),
),
);
}
}
class PrototypeCard extends StatelessWidget {
const PrototypeCard({
super.key,
required this.child,
this.padding = const EdgeInsets.all(16),
this.margin,
this.radius = 14,
this.decoration,
});
final Widget child;
final EdgeInsetsGeometry padding;
final EdgeInsetsGeometry? margin;
final double radius;
final BoxDecoration? decoration;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Container(
margin: margin,
decoration: decoration ??
BoxDecoration(
color: cs.card,
border: Border.all(color: cs.border, width: 0.5),
borderRadius: BorderRadius.circular(radius),
),
child: Padding(padding: padding, child: child),
);
}
}
class PrototypePill extends StatelessWidget {
const PrototypePill({
super.key,
required this.label,
this.selected = false,
this.leading,
this.onTap,
});
final String label;
final bool selected;
final Widget? leading;
final VoidCallback? onTap;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
final bg = selected ? cs.secondary : cs.background;
final fg = selected ? cs.secondaryForeground : cs.mutedForeground;
final borderColor = selected ? const Color(0xFFE3D6B4) : cs.border;
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(999),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: bg,
borderRadius: BorderRadius.circular(999),
border: Border.all(color: borderColor, width: 0.5),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (leading != null) ...[leading!, const SizedBox(width: 4)],
Text(
label,
style: TextStyle(
fontSize: 12,
fontWeight: selected ? FontWeight.w600 : FontWeight.w500,
color: fg,
),
),
],
),
),
);
}
}
class PrototypeMetricChip extends StatelessWidget {
const PrototypeMetricChip({
super.key,
required this.label,
required this.value,
this.valueColor,
this.background,
});
final String label;
final String value;
final Color? valueColor;
final Color? background;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: background ?? cs.background,
borderRadius: BorderRadius.circular(999),
border: Border.all(color: cs.border, width: 0.5),
),
child: RichText(
text: TextSpan(
style: TextStyle(fontSize: 10, color: cs.mutedForeground),
children: [
TextSpan(text: '$label '),
TextSpan(
text: value,
style: TextStyle(
fontWeight: FontWeight.w600,
color: valueColor ?? cs.foreground,
),
),
],
),
),
);
}
}
class PrototypeLineChart extends StatelessWidget {
const PrototypeLineChart({
super.key,
required this.values,
this.lineColor = const Color(0xFFB5862A),
this.fillColor = const Color(0xFFF7EFD9),
});
final List<double> values;
final Color lineColor;
final Color fillColor;
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: _PrototypeLineChartPainter(
values: values,
lineColor: lineColor,
fillColor: fillColor,
),
size: Size.infinite,
);
}
}
class _PrototypeLineChartPainter extends CustomPainter {
_PrototypeLineChartPainter({
required this.values,
required this.lineColor,
required this.fillColor,
});
final List<double> values;
final Color lineColor;
final Color fillColor;
@override
void paint(Canvas canvas, Size size) {
if (values.isEmpty || size.isEmpty) return;
final paintGrid = Paint()
..color = const Color(0xFFECEAE3)
..strokeWidth = 1;
final paintLine = Paint()
..color = lineColor
..style = PaintingStyle.stroke
..strokeWidth = 2.4
..strokeJoin = StrokeJoin.round
..strokeCap = StrokeCap.round;
final paintFill = Paint()
..color = fillColor
..style = PaintingStyle.fill;
const padTop = 10.0;
const padBottom = 10.0;
final plotHeight = size.height - padTop - padBottom;
final plotWidth = size.width;
final min = values.reduce((a, b) => a < b ? a : b);
final max = values.reduce((a, b) => a > b ? a : b);
final span = (max - min).abs() < 0.0001 ? 1.0 : max - min;
Offset pointFor(int index) {
final x = values.length == 1
? plotWidth / 2
: index / (values.length - 1) * plotWidth;
final y = padTop + (1 - (values[index] - min) / span) * plotHeight;
return Offset(x, y);
}
for (var i = 0; i < 4; i++) {
final dy = padTop + plotHeight * i / 3;
canvas.drawLine(Offset(0, dy), Offset(size.width, dy), paintGrid);
}
final pts = List.generate(values.length, pointFor);
final path = Path()..moveTo(pts.first.dx, pts.first.dy);
for (final p in pts.skip(1)) {
path.lineTo(p.dx, p.dy);
}
final fillPath = Path()
..addPath(path, Offset.zero)
..lineTo(size.width, size.height)
..lineTo(0, size.height)
..close();
canvas.drawPath(fillPath, paintFill);
canvas.drawPath(path, paintLine);
final last = pts.last;
canvas.drawCircle(last, 3.8, Paint()..color = lineColor);
}
@override
bool shouldRepaint(covariant _PrototypeLineChartPainter oldDelegate) {
return oldDelegate.values != values ||
oldDelegate.lineColor != lineColor ||
oldDelegate.fillColor != fillColor;
}
}
class PrototypeSectionLabel extends StatelessWidget {
const PrototypeSectionLabel(this.label, {super.key, this.trailing});
final String label;
final Widget? trailing;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Row(
children: [
Text(
label,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
color: cs.foreground,
),
),
const Spacer(),
if (trailing != null) trailing!,
],
),
);
}
}
class PrototypeDivider extends StatelessWidget {
const PrototypeDivider({super.key, this.margin = const EdgeInsets.symmetric(vertical: 10)});
final EdgeInsetsGeometry margin;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Container(
margin: margin,
height: 0.5,
color: cs.border,
);
}
}
lib/features/assets/presentation/assets_page.dart
+884 -69
View File
File diff suppressed because it is too large Load Diff
lib/features/assets/presentation/holding_detail_page.dart
+262
View File
@@ -0,0 +1,262 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../common/domain/money.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../application/asset_portfolio_controller.dart';
class HoldingDetailPage extends ConsumerWidget {
const HoldingDetailPage({super.key, this.id});
final String? id;
@override
Widget build(BuildContext context, WidgetRef ref) {
final summary = ref.watch(assetPortfolioControllerProvider);
final holding = summary.holdings
.map((item) => item.holding)
.firstWhere(
(item) => id == null || item.id == id,
orElse: () => summary.holdings.first.holding,
);
final valuation = summary.holdings
.firstWhere((item) => item.holding.id == holding.id);
final cs = ShadTheme.of(context).colorScheme;
final changeUp = valuation.todayChange >= 0;
return Scaffold(
backgroundColor: const Color(0xFFFBFAF7),
appBar: AppBar(
backgroundColor: const Color(0xFFFBFAF7),
surfaceTintColor: Colors.transparent,
elevation: 0,
scrolledUnderElevation: 0,
centerTitle: true,
leading: IconButton(
onPressed: () => Navigator.of(context).pop(),
icon: const Icon(Icons.chevron_left, size: 20),
),
title: Text(
holding.name,
style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
),
body: SafeArea(
child: ListView(
padding: const EdgeInsets.fromLTRB(0, 8, 0, 28),
children: [
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
const SizedBox(height: 4),
PrototypeCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
width: 36,
height: 36,
decoration: BoxDecoration(
color: holding.metal.color.withValues(alpha: 0.15),
borderRadius: BorderRadius.circular(10),
),
child: Icon(Icons.circle_outlined, color: holding.metal.color, size: 18),
),
const SizedBox(width: 10),
Text(
'${holding.purityLabel} · ${holding.weightGram.toStringAsFixed(1)}g',
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
],
),
const SizedBox(height: 12),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'¥',
style: TextStyle(fontSize: 22, fontWeight: FontWeight.w600),
),
const SizedBox(width: 2),
Text(
formatCny(valuation.materialValue).replaceFirst('¥', ''),
style: const TextStyle(
fontSize: 42,
fontWeight: FontWeight.w600,
letterSpacing: -1,
height: 1,
),
),
],
),
const SizedBox(height: 10),
Row(
children: [
_ChangeChip(
amount: valuation.todayChange,
positive: changeUp,
),
const SizedBox(width: 8),
Text(
'今日',
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
],
),
],
),
),
const SizedBox(height: 12),
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
children: [
_InfoRow(label: '材料价值(现货)', value: formatCny(valuation.materialValue)),
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(label: '回收参考价', value: formatCny(valuation.materialValue * 0.97)),
if (holding.costAmount != null) ...[
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(label: '买入成本', value: formatCny(holding.costAmount!)),
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(
label: '盈亏',
value: _signedCny(valuation.materialValue - holding.costAmount!),
valueColor: valuation.materialValue - holding.costAmount! >= 0
? const Color(0xFFC0392B)
: const Color(0xFF2E8B6F),
),
],
],
),
),
const SizedBox(height: 12),
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
children: [
_InfoRow(label: '金属 / 纯度', value: '${holding.metal.label} · ${holding.purityLabel}'),
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(label: '克重', value: '${holding.weightGram.toStringAsFixed(1)} g'),
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(label: '购买日期', value: _dateLabel(holding.purchaseDate)),
const PrototypeDivider(margin: EdgeInsets.zero),
_InfoRow(label: '购买渠道', value: holding.channel ?? '未填'),
],
),
),
const SizedBox(height: 12),
PrototypeCard(
child: GestureDetector(
onTap: () {},
child: SizedBox(
height: 156,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: PrototypeLineChart(
values: const [18, 20, 21, 23, 22, 25, 29, 31, 30, 33, 35, 37],
),
),
),
),
),
const SizedBox(height: 14),
Row(
children: [
Expanded(
child: OutlinedButton(
onPressed: () => _showAction(context, '编辑'),
child: const Text('编辑'),
),
),
const SizedBox(width: 10),
Expanded(
child: OutlinedButton(
onPressed: () => _showAction(context, '标记卖出 / 转赠'),
child: const Text('标记卖出 / 转赠'),
),
),
],
),
],
),
),
],
),
),
);
}
void _showAction(BuildContext context, String text) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('$text 占位')));
}
}
class _InfoRow extends StatelessWidget {
const _InfoRow({
required this.label,
required this.value,
this.valueColor,
});
final String label;
final String value;
final Color? valueColor;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 11),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(label, style: TextStyle(fontSize: 13, color: cs.mutedForeground)),
Text(
value,
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: valueColor ?? cs.foreground),
),
],
),
);
}
}
class _ChangeChip extends StatelessWidget {
const _ChangeChip({required this.amount, required this.positive});
final double amount;
final bool positive;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
color: positive ? const Color(0xFFFBEDEA) : const Color(0xFFE7F2EE),
borderRadius: BorderRadius.circular(999),
),
child: Text(
'${positive ? '↑' : '↓'}${formatCny(amount.abs())} · ${positive ? '+' : '-'}${amount.abs().toStringAsFixed(2)}',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: positive ? const Color(0xFFC0392B) : const Color(0xFF2E8B6F),
),
),
);
}
}
String _dateLabel(DateTime? value) {
if (value == null) return '未填';
return '${value.year}-${value.month.toString().padLeft(2, '0')}-${value.day.toString().padLeft(2, '0')}';
}
String _signedCny(double value) {
final sign = value >= 0 ? '+' : '-';
return '$sign${formatCny(value.abs())}';
}
lib/features/market/presentation/market_kline_page.dart
+194
View File
@@ -0,0 +1,194 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../common/domain/metal_type.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../data/mock_market_repository.dart';
import '../data/market_models.dart';
class MarketKlinePage extends ConsumerWidget {
const MarketKlinePage({super.key, this.metalId, this.periodId});
final String? metalId;
final String? periodId;
@override
Widget build(BuildContext context, WidgetRef ref) {
final repo = ref.watch(mockMarketRepositoryProvider);
final metal = _metalFromId(metalId) ?? MetalType.gold;
final period = _periodFromId(periodId) ?? MarketPeriod.h24;
final quote = repo.quoteFor(metal);
final points = repo.chartFor(metal, period);
final cs = ShadTheme.of(context).colorScheme;
return Scaffold(
backgroundColor: const Color(0xFFFBFAF7),
appBar: AppBar(
backgroundColor: const Color(0xFFFBFAF7),
surfaceTintColor: Colors.transparent,
elevation: 0,
scrolledUnderElevation: 0,
centerTitle: true,
leading: IconButton(
onPressed: () => Navigator.of(context).pop(),
icon: const Icon(Icons.chevron_left, size: 20),
),
title: Text(
'${metal.label} K线',
style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
),
body: SafeArea(
child: ListView(
padding: const EdgeInsets.fromLTRB(0, 8, 0, 24),
children: [
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
const SizedBox(height: 4),
PrototypeCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
'¥',
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: cs.foreground,
),
),
const SizedBox(width: 2),
Text(
quote.spotPrice.toStringAsFixed(2),
style: const TextStyle(
fontSize: 29,
fontWeight: FontWeight.w600,
letterSpacing: -1,
),
),
const SizedBox(width: 4),
const Padding(
padding: EdgeInsets.only(top: 8),
child: Text('元/克', style: TextStyle(fontSize: 12, color: Color(0xFF8A8780))),
),
],
),
const SizedBox(height: 6),
Text(
'${quote.changeAmount >= 0 ? '+' : ''}${quote.changeAmount.toStringAsFixed(2)} · ${quote.changePercent.toStringAsFixed(2)}%',
style: TextStyle(
color: quote.changeAmount >= 0
? const Color(0xFFC0392B)
: const Color(0xFF2E8B6F),
fontSize: 13,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 12),
Wrap(
spacing: 8,
runSpacing: 8,
children: [
for (final p in MarketPeriod.values)
PrototypePill(
label: p.label,
selected: p == period,
onTap: () => Navigator.of(context).pushReplacement(
MaterialPageRoute(
builder: (_) => MarketKlinePage(
metalId: metal.id,
periodId: p.id,
),
),
),
),
],
),
const SizedBox(height: 10),
Row(
children: [
_Ohlc('开', points.first.open),
const SizedBox(width: 18),
_Ohlc('高', points.map((e) => e.high).reduce((a, b) => a > b ? a : b)),
const SizedBox(width: 18),
_Ohlc('低', points.map((e) => e.low).reduce((a, b) => a < b ? a : b)),
const SizedBox(width: 18),
_Ohlc('收', points.last.close),
],
),
const SizedBox(height: 12),
SizedBox(
height: 300,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: PrototypeLineChart(
values: points.map((p) => p.close).toList(growable: false),
),
),
),
const SizedBox(height: 10),
Text(
'${quote.basisLabel} · ${_timeLabel(quote.updatedAt)}',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 11, color: cs.mutedForeground),
),
],
),
),
],
),
),
],
),
),
);
}
}
class _Ohlc extends StatelessWidget {
const _Ohlc(this.label, this.value);
final String label;
final double value;
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(label, style: const TextStyle(fontSize: 12, color: Color(0xFF8A8780))),
const SizedBox(height: 2),
Text(value.toStringAsFixed(2), style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
],
);
}
}
MetalType? _metalFromId(String? id) {
return switch (id) {
'gold' => MetalType.gold,
'platinum' => MetalType.platinum,
'silver' => MetalType.silver,
_ => null,
};
}
MarketPeriod? _periodFromId(String? id) {
return switch (id) {
'24h' => MarketPeriod.h24,
'5d' => MarketPeriod.d5,
'1m' => MarketPeriod.m1,
'3m' => MarketPeriod.m3,
'1y' => MarketPeriod.y1,
_ => null,
};
}
String _timeLabel(DateTime value) {
return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
}
lib/features/market/presentation/market_page.dart
+340 -100
View File
@@ -1,143 +1,309 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../common/domain/metal_type.dart';
import '../../../common/domain/money.dart';
import '../../../common/widgets/adaptive.dart';
import '../../../common/router/app_router.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../application/exchange_calculator_controller.dart';
import '../application/market_controller.dart';
import '../data/market_models.dart';
class MarketPage extends ConsumerWidget {
class MarketPage extends HookConsumerWidget {
const MarketPage({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final market = ref.watch(marketControllerProvider);
final exchange = ref.watch(exchangeCalculatorControllerProvider);
final gramCtrl = useTextEditingController(text: exchange.gram.toStringAsFixed(2));
final amountCtrl = useTextEditingController(text: exchange.amount.toStringAsFixed(2));
final gramFocus = useFocusNode();
final amountFocus = useFocusNode();
final cs = ShadTheme.of(context).colorScheme;
useEffect(() {
if (!gramFocus.hasFocus) {
gramCtrl.text = exchange.gram.toStringAsFixed(
exchange.gram % 1 == 0 ? 0 : 2,
);
}
if (!amountFocus.hasFocus) {
amountCtrl.text = exchange.amount.toStringAsFixed(2);
}
return null;
}, [exchange.gram, exchange.amount, exchange.selectedChannel.id, exchange.metal.id]);
return SafeArea(
top: false,
child: ListView(
padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
children: [
Center(
child: ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: Adaptive.contentMaxWidth,
),
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SegmentedButton<MetalType>(
segments: [
for (final metal in MetalType.values)
ButtonSegment(value: metal, label: Text(metal.label)),
Row(
children: [
const Text(
'行情',
style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
const Spacer(),
Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: const Color(0xFFF7F4EE),
borderRadius: BorderRadius.circular(999),
),
child: const Icon(
Icons.notifications_none_outlined,
size: 18,
color: Color(0xFF9A968D),
),
),
],
selected: {market.selectedMetal},
onSelectionChanged: (next) {
final metal = next.first;
ref
.read(marketControllerProvider.notifier)
.selectMetal(metal);
ref
.read(exchangeCalculatorControllerProvider.notifier)
.selectMetal(metal);
),
const SizedBox(height: 14),
SizedBox(
height: 32,
child: ListView.separated(
scrollDirection: Axis.horizontal,
physics: const BouncingScrollPhysics(),
itemCount: MetalType.values.length,
separatorBuilder: (context, index) => const SizedBox(width: 8),
itemBuilder: (context, index) {
final metal = MetalType.values[index];
return PrototypePill(
label: metal.label,
selected: metal == market.selectedMetal,
onTap: () {
ref.read(marketControllerProvider.notifier).selectMetal(metal);
ref.read(exchangeCalculatorControllerProvider.notifier).selectMetal(metal);
},
);
},
),
const SizedBox(height: 12),
_Card(
),
const SizedBox(height: 10),
PrototypeCard(
padding: const EdgeInsets.fromLTRB(14, 12, 14, 13),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(market.quote.basisLabel, style: _mutedStyle(cs)),
const SizedBox(height: 8),
Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
'${formatCny(market.quote.spotPrice)} / 克',
'¥',
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.w800,
fontSize: 15,
fontWeight: FontWeight.w600,
color: cs.foreground,
),
),
const SizedBox(width: 2),
Text(
formatCny(market.quote.spotPrice).replaceFirst('¥', ''),
style: TextStyle(
fontSize: 29,
fontWeight: FontWeight.w600,
color: cs.foreground,
letterSpacing: -1,
height: 1,
),
),
const Padding(
padding: EdgeInsets.only(left: 4, bottom: 2),
child: Text(
'元/克',
style: TextStyle(fontSize: 12, color: Color(0xFF8A8780)),
),
),
],
),
const SizedBox(height: 6),
Text(
'${market.quote.changeAmount >= 0 ? '+' : ''}${market.quote.changeAmount.toStringAsFixed(2)} · ${market.quote.changePercent.toStringAsFixed(2)}%',
style: TextStyle(
color: market.quote.changeAmount >= 0
? const Color(0xFFC0392B)
: const Color(0xFF2E8B6F),
),
),
const SizedBox(height: 14),
Wrap(
spacing: 8,
Row(
children: [
for (final period in MarketPeriod.values)
ChoiceChip(
label: Text(period.label),
_ChangeChip(amount: market.quote.changeAmount, percent: market.quote.changePercent),
const SizedBox(width: 8),
Text(
'报价 ${_timeLabel(market.quote.updatedAt)}',
style: const TextStyle(fontSize: 12, color: Color(0xFF8A8780)),
),
const Spacer(),
GestureDetector(
onTap: () {},
child: const Icon(Icons.info_outline, size: 16, color: Color(0xFFB3AFA5)),
),
],
),
const SizedBox(height: 10),
Row(
children: [
for (final period in MarketPeriod.values) ...[
_PeriodPill(
label: period.label,
selected: period == market.period,
onSelected: (_) => ref
.read(marketControllerProvider.notifier)
.selectPeriod(period),
onTap: () => ref.read(marketControllerProvider.notifier).selectPeriod(period),
),
if (period != MarketPeriod.values.last) const SizedBox(width: 6),
],
],
),
const SizedBox(height: 14),
Text(
'走势图 mock 点位：${market.points.length} 个',
style: _mutedStyle(cs),
const SizedBox(height: 8),
GestureDetector(
onTap: () => context.push(
'${AppRoutes.marketKline}?metal=${market.selectedMetal.id}&period=${market.period.id}',
),
],
child: SizedBox(
height: 88,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: PrototypeLineChart(
values: market.points.map((p) => p.close).toList(growable: false),
),
),
const SizedBox(height: 12),
_Card(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
),
),
const SizedBox(height: 10),
Container(height: 0.5, color: cs.border),
const SizedBox(height: 10),
Row(
children: [
Text(
const Text(
'兑换试算',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w700,
color: cs.foreground,
),
),
const SizedBox(height: 10),
Text(
'${formatGram(exchange.gram)} ${exchange.metal.label} = ${formatCny(exchange.amount)}',
style: TextStyle(fontSize: 20, color: cs.foreground),
),
const SizedBox(height: 8),
Text(
'1 克 ${exchange.metal.label} = ${formatCny(exchange.selectedChannel.pricePerGram)} · ${exchange.selectedChannel.source}',
style: _mutedStyle(cs),
),
const SizedBox(height: 10),
Wrap(
spacing: 8,
runSpacing: 8,
children: [
for (final channel in exchange.channels)
ChoiceChip(
label: Text(channel.name),
selected:
channel.id == exchange.selectedChannel.id,
onSelected: (_) => ref
.read(
exchangeCalculatorControllerProvider
.notifier,
)
.selectChannel(channel.id),
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
),
const Spacer(),
const PrototypePill(label: '多渠道参考', selected: true),
],
),
const SizedBox(height: 8),
SizedBox(
height: 32,
child: ListView.separated(
scrollDirection: Axis.horizontal,
physics: const BouncingScrollPhysics(),
itemCount: exchange.channels.length,
separatorBuilder: (context, index) => const SizedBox(width: 7),
itemBuilder: (context, index) {
final channel = exchange.channels[index];
return PrototypePill(
label: channel.name,
selected: channel.id == exchange.selectedChannel.id,
onTap: () => ref
.read(exchangeCalculatorControllerProvider.notifier)
.selectChannel(channel.id),
);
},
),
),
const SizedBox(height: 10),
if (!exchange.swapped) ...[
_ExchangeField(
controller: gramCtrl,
focusNode: gramFocus,
unit: exchange.metal.label,
leading: '克',
onChanged: (value) {
final gram = double.tryParse(value) ?? 0;
ref.read(exchangeCalculatorControllerProvider.notifier).setGram(gram);
},
),
const SizedBox(height: 8),
Center(
child: GestureDetector(
onTap: () => ref.read(exchangeCalculatorControllerProvider.notifier).toggleSwapped(),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(color: cs.border, width: 0.5),
shape: BoxShape.circle,
boxShadow: const [
BoxShadow(
color: Color(0x1F281F0C),
blurRadius: 7,
offset: Offset(0, 2),
),
],
),
child: const Icon(Icons.swap_vert, size: 16, color: Color(0xFFB5862A)),
),
),
),
const SizedBox(height: 8),
_ExchangeField(
controller: amountCtrl,
focusNode: amountFocus,
unit: 'CNY',
leading: '¥',
onChanged: (value) {
final amount = double.tryParse(value) ?? 0;
ref.read(exchangeCalculatorControllerProvider.notifier).setAmount(amount);
},
),
] else ...[
_ExchangeField(
controller: amountCtrl,
focusNode: amountFocus,
unit: 'CNY',
leading: '¥',
onChanged: (value) {
final amount = double.tryParse(value) ?? 0;
ref.read(exchangeCalculatorControllerProvider.notifier).setAmount(amount);
},
),
const SizedBox(height: 8),
Center(
child: GestureDetector(
onTap: () => ref.read(exchangeCalculatorControllerProvider.notifier).toggleSwapped(),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(color: cs.border, width: 0.5),
shape: BoxShape.circle,
boxShadow: const [
BoxShadow(
color: Color(0x1F281F0C),
blurRadius: 7,
offset: Offset(0, 2),
),
],
),
child: const Icon(Icons.swap_vert, size: 16, color: Color(0xFFB5862A)),
),
),
),
const SizedBox(height: 8),
_ExchangeField(
controller: gramCtrl,
focusNode: gramFocus,
unit: exchange.metal.label,
leading: '克',
onChanged: (value) {
final gram = double.tryParse(value) ?? 0;
ref.read(exchangeCalculatorControllerProvider.notifier).setGram(gram);
},
),
],
const SizedBox(height: 10),
Text(
'1 克 ${exchange.metal.label} = ${formatCny(exchange.selectedChannel.pricePerGram)} · ${exchange.selectedChannel.source} · 参考',
style: const TextStyle(fontSize: 12, color: Color(0xFF6E6A60)),
),
const SizedBox(height: 5),
Text(
exchange.selectedChannel.hint,
style: _mutedStyle(cs),
style: const TextStyle(fontSize: 11, color: Color(0xFFB3AFA5), height: 1.5),
),
],
),
@@ -145,32 +311,106 @@ class MarketPage extends ConsumerWidget {
],
),
),
),
],
),
);
}
}
class _Card extends StatelessWidget {
const _Card({required this.child});
class _ExchangeField extends StatelessWidget {
const _ExchangeField({
required this.controller,
required this.focusNode,
required this.unit,
required this.leading,
required this.onChanged,
});
final Widget child;
final TextEditingController controller;
final FocusNode focusNode;
final String unit;
final String leading;
final ValueChanged<String> onChanged;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return DecoratedBox(
return Container(
padding: const EdgeInsets.symmetric(horizontal: 13, vertical: 9),
decoration: BoxDecoration(
color: cs.card,
border: Border.all(color: cs.border),
borderRadius: BorderRadius.circular(12),
color: Colors.white,
borderRadius: BorderRadius.circular(13),
border: Border.all(color: const Color(0xFFE3D6B4), width: 0.5),
),
child: Row(
children: [
Text(leading, style: const TextStyle(fontSize: 14, color: Color(0xFF8A8780))),
const SizedBox(width: 8),
Expanded(
child: TextField(
controller: controller,
focusNode: focusNode,
keyboardType: const TextInputType.numberWithOptions(decimal: true),
textAlign: TextAlign.right,
decoration: const InputDecoration(
border: InputBorder.none,
isDense: true,
contentPadding: EdgeInsets.zero,
),
style: const TextStyle(fontSize: 21, fontWeight: FontWeight.w600),
onChanged: onChanged,
),
),
const SizedBox(width: 8),
Text(
unit,
style: const TextStyle(fontSize: 14, color: Color(0xFF8A8780)),
),
],
),
child: Padding(padding: const EdgeInsets.all(16), child: child),
);
}
}
TextStyle _mutedStyle(ShadColorScheme cs) {
return TextStyle(fontSize: 13, color: cs.mutedForeground, letterSpacing: 0);
class _PeriodPill extends StatelessWidget {
const _PeriodPill({required this.label, required this.selected, required this.onTap});
final String label;
final bool selected;
final VoidCallback onTap;
@override
Widget build(BuildContext context) {
return PrototypePill(label: label, selected: selected, onTap: onTap);
}
}
class _ChangeChip extends StatelessWidget {
const _ChangeChip({required this.amount, required this.percent});
final double amount;
final double percent;
@override
Widget build(BuildContext context) {
final positive = amount >= 0;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
color: positive ? const Color(0xFFFBEDEA) : const Color(0xFFE7F2EE),
borderRadius: BorderRadius.circular(999),
),
child: Text(
'${positive ? '↑' : '↓'}¥${amount.abs().toStringAsFixed(2)} · ${positive ? '+' : '-'}${percent.abs().toStringAsFixed(2)}%',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: positive ? const Color(0xFFC0392B) : const Color(0xFF2E8B6F),
),
),
);
}
}
String _timeLabel(DateTime value) {
return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
}
lib/features/news/presentation/news_detail_page.dart
+112
View File
@@ -0,0 +1,112 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../application/news_controller.dart';
class NewsDetailPage extends ConsumerWidget {
const NewsDetailPage({super.key, this.id});
final String? id;
@override
Widget build(BuildContext context, WidgetRef ref) {
final news = ref.watch(newsControllerProvider).items;
final item = news.firstWhere(
(item) => id == null || item.id == id,
orElse: () => news.first,
);
final cs = ShadTheme.of(context).colorScheme;
return Scaffold(
backgroundColor: const Color(0xFFFBFAF7),
appBar: AppBar(
backgroundColor: const Color(0xFFFBFAF7),
surfaceTintColor: Colors.transparent,
elevation: 0,
scrolledUnderElevation: 0,
centerTitle: true,
leading: IconButton(
onPressed: () => Navigator.of(context).pop(),
icon: const Icon(Icons.chevron_left, size: 20),
),
title: Text(
item.metal.label,
style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
),
body: SafeArea(
child: ListView(
padding: const EdgeInsets.fromLTRB(0, 8, 0, 24),
children: [
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
const SizedBox(height: 4),
PrototypeCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(
color: item.metal.color.withValues(alpha: 0.12),
borderRadius: BorderRadius.circular(999),
),
child: Text(
item.metal.label,
style: TextStyle(
color: item.metal.color,
fontWeight: FontWeight.w700,
fontSize: 12,
),
),
),
const SizedBox(width: 8),
Text(
'${item.source} · ${_timeLabel(item.publishedAt)}',
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
],
),
const SizedBox(height: 12),
Text(
item.title,
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w700, height: 1.4),
),
const SizedBox(height: 12),
for (final paragraph in item.body) ...[
Text(
paragraph,
style: TextStyle(
fontSize: 15,
height: 1.7,
color: cs.foreground,
),
),
const SizedBox(height: 12),
],
Text(
'本资讯为原型示意内容，信息整理 · 非投资建议。',
style: TextStyle(fontSize: 12, color: cs.mutedForeground, height: 1.5),
),
],
),
),
],
),
),
],
),
),
);
}
}
String _timeLabel(DateTime value) {
return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
}
lib/features/news/presentation/news_page.dart
+42 -49
View File
@@ -1,8 +1,10 @@
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../common/widgets/adaptive.dart';
import '../../../common/router/app_router.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../application/news_controller.dart';
class NewsPage extends ConsumerWidget {
@@ -15,60 +17,51 @@ class NewsPage extends ConsumerWidget {
return SafeArea(
top: false,
child: ListView(
padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
children: [
Center(
child: ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: Adaptive.contentMaxWidth,
),
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Row(
children: [
Expanded(
child: Text(
'信息整理 · 非投资建议',
style: TextStyle(
color: cs.mutedForeground,
fontSize: 13,
const Text(
'资讯',
style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
const Spacer(),
IconButton(
onPressed: () => ref.read(newsControllerProvider.notifier).refresh(),
icon: const Icon(Icons.refresh, size: 19),
color: const Color(0xFF9A968D),
padding: EdgeInsets.zero,
constraints: const BoxConstraints.tightFor(
width: 30,
height: 30,
),
),
TextButton(
onPressed: () =>
ref.read(newsControllerProvider.notifier).refresh(),
child: const Text('刷新'),
),
],
),
const SizedBox(height: 8),
for (final item in news.items)
Padding(
padding: const EdgeInsets.only(bottom: 10),
child: DecoratedBox(
decoration: BoxDecoration(
color: cs.card,
border: Border.all(color: cs.border),
borderRadius: BorderRadius.circular(12),
const SizedBox(height: 2),
Text(
'信息整理 · 非投资建议',
style: TextStyle(fontSize: 13, color: cs.mutedForeground),
),
child: Padding(
padding: const EdgeInsets.all(16),
const SizedBox(height: 10),
for (final item in news.items) ...[
PrototypeCard(
margin: const EdgeInsets.only(bottom: 10),
child: InkWell(
onTap: () => context.push('${AppRoutes.newsDetail}?id=${item.id}'),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 3,
),
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(
color: item.metal.color.withValues(
alpha: 0.12,
),
color: item.metal.color.withValues(alpha: 0.12),
borderRadius: BorderRadius.circular(999),
),
child: Text(
@@ -76,43 +69,39 @@ class NewsPage extends ConsumerWidget {
style: TextStyle(
color: item.metal.color,
fontWeight: FontWeight.w700,
fontSize: 12,
),
),
),
const SizedBox(width: 8),
Text(
'${item.source} · ${item.publishedAt.hour.toString().padLeft(2, '0')}:${item.publishedAt.minute.toString().padLeft(2, '0')}',
style: TextStyle(
color: cs.mutedForeground,
fontSize: 12,
),
'${item.source} · ${_timeLabel(item.publishedAt)}',
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
const Spacer(),
Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
],
),
const SizedBox(height: 10),
Text(
item.title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w700,
color: cs.foreground,
),
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w700),
),
const SizedBox(height: 8),
Text(
item.summary,
style: TextStyle(
fontSize: 14,
color: cs.mutedForeground,
height: 1.5,
height: 1.55,
),
),
],
),
),
),
),
],
),
],
),
),
],
@@ -120,3 +109,7 @@ class NewsPage extends ConsumerWidget {
);
}
}
String _timeLabel(DateTime value) {
return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
}
lib/features/profile/application/profile_settings_controller.dart
+9
View File
@@ -40,4 +40,13 @@ class ProfileSettingsController extends StateNotifier<ProfileSettings> {
void setPriceColorMode(PriceColorMode mode) {
state = state.copyWith(priceColorMode: mode);
}
void setRecycleDiscount(MetalType metal, double value) {
state = state.copyWith(
recycleDiscounts: {
...state.recycleDiscounts,
metal: value.clamp(0.7, 1.0),
},
);
}
}
lib/features/profile/presentation/profile_action_pages.dart
+1203
View File
File diff suppressed because it is too large Load Diff
lib/features/profile/presentation/profile_page.dart
+337 -79
View File
@@ -2,12 +2,15 @@ import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import 'package:url_launcher/url_launcher_string.dart';
import '../../../common/config/app_h5_urls.dart';
import '../../../common/router/app_router.dart';
import '../../../common/widgets/adaptive.dart';
import '../../../common/widgets/prototype_ui.dart';
import '../../auth/application/auth_controller.dart';
import '../../auth/data/auth_models.dart';
import '../../profile/application/profile_settings_controller.dart';
import '../application/profile_settings_controller.dart';
import '../data/profile_models.dart';
class ProfilePage extends ConsumerWidget {
const ProfilePage({super.key});
@@ -25,161 +28,416 @@ class ProfilePage extends ConsumerWidget {
return SafeArea(
top: false,
child: ListView(
padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
children: [
Center(
child: ConstrainedBox(
constraints: const BoxConstraints(
maxWidth: Adaptive.contentMaxWidth,
),
PrototypeFrame(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_Card(
const Text(
'我的',
style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
),
const SizedBox(height: 14),
PrototypeCard(
child: Row(
children: [
Container(
width: 46,
height: 46,
decoration: BoxDecoration(
color: const Color(0xFFF1EFE9),
borderRadius: BorderRadius.circular(999),
),
child: const Icon(
Icons.person_outline,
color: Color(0xFF9A968D),
),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
currentUser?.nickname ?? '未登录',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: cs.foreground,
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 6),
const SizedBox(height: 4),
Text(
currentUser?.phone ?? '登录后可使用本地同步、云备份占位和账户管理。',
style: TextStyle(color: cs.mutedForeground),
currentUser?.phone ?? '登录后可云备份、多端同步',
style: TextStyle(
fontSize: 12,
color: cs.mutedForeground,
),
),
],
),
),
if (!loggedIn)
FilledButton(
onPressed: () => context.push(AppRoutes.settings),
child: const Text('设置'),
onPressed: () => context.push(AppRoutes.login),
style: FilledButton.styleFrom(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 10,
),
minimumSize: Size.zero,
),
child: Text('登录'),
),
],
),
),
const SizedBox(height: 12),
_Card(
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
children: [
_MenuRow(
title: '邀请好友，各得奖励',
subtitle: '需登录',
icon: Icons.card_giftcard_outlined,
backgroundColor: const Color(0xFFF6ECD6),
iconColor: const Color(0xFFB5862A),
onTap: () => _showInviteSheet(context),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_MenuRow(
title: '分享我的贵金属估值卡',
subtitle: '免登录 · 自动打码金额',
icon: Icons.share_outlined,
backgroundColor: const Color(0xFFEAF1FF),
iconColor: const Color(0xFF4F7DD1),
onTap: () =>
_showShareCardSheet(context, currentUser?.nickname),
),
],
),
),
const SizedBox(height: 12),
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
children: [
_SettingRow(
label: '隐藏金额',
value: settings.amountHidden ? '已隐藏' : '显示中',
trailing: Switch(
value: settings.amountHidden,
onChanged: (_) => ref
.read(
profileSettingsControllerProvider.notifier,
)
.toggleAmountHidden(),
),
icon: Icons.download_outlined,
title: '本地导出备份',
trailing: '导出',
onTap: () => _showLocalBackupSheet(context),
backgroundColor: const Color(0xFFF3EFE7),
iconColor: const Color(0xFF8A8780),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
label: '回收折扣',
value:
icon: Icons.cloud_outlined,
title: '云备份 · 多端同步',
trailing: loggedIn ? '已登录' : '登录解锁',
onTap: () => _showCloudBackupSheet(context, loggedIn),
backgroundColor: const Color(0xFFEAF2ED),
iconColor: const Color(0xFF5E8E75),
),
],
),
),
const SizedBox(height: 12),
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
children: [
_SettingRow(
icon: Icons.grid_view_outlined,
title: '添加桌面小组件',
trailing: '占位',
onTap: () => _showWidgetSheet(context),
backgroundColor: const Color(0xFFF6ECD6),
iconColor: const Color(0xFFB5862A),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
icon: Icons.tune_outlined,
title: '纯度系数管理',
trailing: '${settings.purityPresets.length} 项',
onTap: () => _showPuritySheet(context, settings),
backgroundColor: const Color(0xFFF4EAF8),
iconColor: const Color(0xFF8A5CBF),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
icon: Icons.percent_outlined,
title: '回收折扣设置',
trailing:
'金 ${(settings.recycleDiscounts.values.first * 100).toStringAsFixed(0)}%',
onTap: () => _showRecycleSheet(context, settings),
backgroundColor: const Color(0xFFF8EFE0),
iconColor: const Color(0xFFB07A32),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
label: '涨跌颜色',
value: settings.priceColorMode.label,
icon: Icons.palette_outlined,
title: '涨跌颜色',
trailing: settings.priceColorMode.label,
onTap: () => _showPriceColorSheet(context, ref),
backgroundColor: const Color(0xFFE9F3F1),
iconColor: const Color(0xFF4E8B7B),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
label: '纯度系数',
value: '${settings.purityPresets.length} 项',
icon: Icons.currency_yen_outlined,
title: '显示币种',
trailing: '¥ CNY',
onTap: () => _showCurrencySheet(context),
backgroundColor: const Color(0xFFF1EFE9),
iconColor: const Color(0xFF7F7A73),
),
],
),
),
const SizedBox(height: 12),
_Card(
PrototypeCard(
padding: EdgeInsets.zero,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
FilledButton.tonal(
onPressed: loggedIn
? () => context.push(AppRoutes.login)
: () => context.push(AppRoutes.login),
child: Text(loggedIn ? '切换账号' : '去登录'),
_SettingRow(
icon: Icons.settings,
title: '设置',
trailing: null,
onTap: () => context.push(AppRoutes.settings),
backgroundColor: const Color(0xFFF1EFE9),
iconColor: const Color(0xFF7F7A73),
),
const SizedBox(height: 10),
OutlinedButton(
onPressed: () => context.push(AppRoutes.settings),
child: const Text('打开设置'),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
icon: Icons.privacy_tip_outlined,
title: '隐私政策 · 用户协议',
trailing: null,
onTap: () => launchUrlString(
AppH5UrlsHelper.withCacheBuster(
AppH5Urls.userProtocolUrl,
),
mode: LaunchMode.inAppBrowserView,
),
backgroundColor: const Color(0xFFF1EFE9),
iconColor: const Color(0xFF7F7A73),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
icon: Icons.info_outline,
title: '免责声明 · 数据来源',
trailing: null,
onTap: () => _showDisclaimer(context),
backgroundColor: const Color(0xFFF7F0E2),
iconColor: const Color(0xFFB07A32),
),
const PrototypeDivider(margin: EdgeInsets.zero),
_SettingRow(
icon: Icons.feedback_outlined,
title: '意见反馈 · 关于金值',
trailing: null,
onTap: () => _showAbout(context),
backgroundColor: const Color(0xFFEAF1FF),
iconColor: const Color(0xFF4F7DD1),
),
],
),
),
const SizedBox(height: 12),
_Card(
const SizedBox(height: 14),
PrototypeCard(
child: Text(
'风险提示 · 数据来源 · 免责\n价格、资讯与估值均为本地 mock 数据，仅用于产品原型验证，不构成投资建议。',
'风险提示 · 数据来源 · 免责\n金值是贵金属资产记录与估值工具，所有信息不构成投资建议。\n· 行情 / 兑换价格均为参考，标注来源与更新时间，实际以交易系统 / 门店为准。\n· 材料价值 = 克重 × 纯度系数 × 上海金现货，非金店零售价（含工费 / 品牌溢价）、非回收实收价。\n· 资讯为信息整理，非投资建议；历史走势不代表未来。',
style: TextStyle(
color: cs.mutedForeground,
height: 1.6,
fontSize: 13,
height: 1.7,
fontSize: 12,
),
),
),
],
),
),
],
),
);
}
void _showDisclaimer(BuildContext context) {
context.push(AppRoutes.profileDisclaimer);
}
Future<void> _showInviteSheet(BuildContext context) async {
context.push(AppRoutes.profileInvite);
}
Future<void> _showShareCardSheet(
BuildContext context,
String? nickname,
) async {
context.push(AppRoutes.profileShare);
}
Future<void> _showLocalBackupSheet(BuildContext context) async {
context.push(AppRoutes.profileLocalBackup);
}
Future<void> _showCloudBackupSheet(
BuildContext context,
bool loggedIn,
) async {
context.push(AppRoutes.profileCloudBackup);
}
Future<void> _showWidgetSheet(BuildContext context) async {
context.push(AppRoutes.profileWidget);
}
Future<void> _showPriceColorSheet(BuildContext context, WidgetRef ref) async {
context.push(AppRoutes.profilePriceColor);
}
Future<void> _showPuritySheet(
BuildContext context,
ProfileSettings settings,
) async {
context.push(AppRoutes.profilePurity);
}
Future<void> _showRecycleSheet(
BuildContext context,
ProfileSettings settings,
) async {
context.push(AppRoutes.profileRecycle);
}
Future<void> _showCurrencySheet(BuildContext context) async {
context.push(AppRoutes.profileCurrency);
}
void _showAbout(BuildContext context) {
context.push(AppRoutes.profileAbout);
}
}
class _MenuRow extends StatelessWidget {
const _MenuRow({
required this.title,
required this.subtitle,
required this.icon,
required this.backgroundColor,
required this.iconColor,
required this.onTap,
});
final String title;
final String subtitle;
final IconData icon;
final Color backgroundColor;
final Color iconColor;
final VoidCallback onTap;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return InkWell(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
child: Row(
children: [
Container(
width: 34,
height: 34,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(10),
),
child: Icon(icon, size: 18, color: iconColor),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 4),
Text(
subtitle,
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
],
),
),
Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
],
),
),
);
}
}
class _SettingRow extends StatelessWidget {
const _SettingRow({required this.label, required this.value, this.trailing});
const _SettingRow({
required this.icon,
required this.title,
required this.onTap,
required this.backgroundColor,
required this.iconColor,
this.trailing,
});
final String label;
final String value;
final Widget? trailing;
final IconData icon;
final String title;
final String? trailing;
final VoidCallback onTap;
final Color backgroundColor;
final Color iconColor;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
return InkWell(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
child: Row(
children: [
Container(
width: 34,
height: 34,
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(10),
),
child: Icon(icon, size: 18, color: iconColor),
),
const SizedBox(width: 12),
Expanded(
child: Text(
label,
style: TextStyle(fontSize: 15, color: cs.foreground),
title,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w600,
),
),
Text(value, style: TextStyle(color: cs.mutedForeground)),
if (trailing != null) ...[const SizedBox(width: 8), trailing!],
),
if (trailing != null)
Text(
trailing!,
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
),
const SizedBox(width: 6),
Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
],
),
);
}
}
class _Card extends StatelessWidget {
const _Card({required this.child});
final Widget child;
@override
Widget build(BuildContext context) {
final cs = ShadTheme.of(context).colorScheme;
return DecoratedBox(
decoration: BoxDecoration(
color: cs.card,
border: Border.all(color: cs.border),
borderRadius: BorderRadius.circular(12),
),
child: Padding(padding: const EdgeInsets.all(16), child: child),
);
}
}