jingyun
1204 lines
35 KiB
Dart
1204 lines
35 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||
import 'package:package_info_plus/package_info_plus.dart';
|
||
import 'package:shadcn_ui/shadcn_ui.dart';
|
||
|
||
import '../../../common/domain/metal_type.dart';
|
||
import '../../../common/domain/money.dart';
|
||
import '../../../common/router/app_router.dart';
|
||
import '../../../common/widgets/adaptive.dart';
|
||
import '../../../common/widgets/circle_back_button.dart';
|
||
import '../../../common/widgets/prototype_ui.dart';
|
||
import '../../auth/application/auth_controller.dart';
|
||
import '../../auth/data/auth_models.dart';
|
||
import '../application/profile_settings_controller.dart';
|
||
import '../data/profile_models.dart';
|
||
|
||
class InviteRewardPage extends StatelessWidget {
|
||
const InviteRewardPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return _ActionScaffold(
|
||
title: '邀请好友',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
const _InviteCodeCard(),
|
||
const SizedBox(height: 16),
|
||
const PrototypeCard(
|
||
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
||
child: Column(
|
||
children: [
|
||
_KeyValueLine(label: '已邀请好友', value: '3 人'),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_KeyValueLine(
|
||
label: '累计获得奖励',
|
||
value: '¥120',
|
||
valueColor: Color(0xFFB5862A),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
FilledButton(
|
||
onPressed: () => _toast(context, '演示:拉起微信 / 系统分享面板'),
|
||
child: const Text('分享给好友'),
|
||
),
|
||
const SizedBox(height: 14),
|
||
const Text(
|
||
'好友通过你的邀请码注册并完成首次记账,双方各得奖励。奖励权益将随产品逐步开放,具体以活动规则为准。',
|
||
style: TextStyle(
|
||
fontSize: 11,
|
||
height: 1.6,
|
||
color: Color(0xFFB3AFA5),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class ShareCardPage extends ConsumerWidget {
|
||
const ShareCardPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final auth = ref.watch(authProvider);
|
||
final currentUser = auth.valueOrNull is LoggedInAuthState
|
||
? (auth.valueOrNull as LoggedInAuthState).user
|
||
: null;
|
||
final nickname = currentUser?.nickname.trim();
|
||
final owner = nickname == null || nickname.isEmpty ? '金值用户' : nickname;
|
||
|
||
return _ActionScaffold(
|
||
title: '分享估值卡',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
_SharePreviewCard(owner: owner),
|
||
const SizedBox(height: 14),
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: const [
|
||
_SettingLikeRow(
|
||
icon: Icons.visibility_off_outlined,
|
||
title: '金额隐私',
|
||
trailing: '已打码',
|
||
),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_SettingLikeRow(
|
||
icon: Icons.ios_share_outlined,
|
||
title: '分享渠道',
|
||
trailing: '系统分享',
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
FilledButton(
|
||
onPressed: () async {
|
||
await Clipboard.setData(
|
||
ClipboardData(text: '$owner 的贵金属估值卡，已通过金值生成。'),
|
||
);
|
||
if (!context.mounted) return;
|
||
_toast(context, '分享文案已复制');
|
||
},
|
||
child: const Text('复制分享文案'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class LocalBackupPage extends StatelessWidget {
|
||
const LocalBackupPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return _ActionScaffold(
|
||
title: '本地导出备份',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: const [
|
||
_SettingLikeRow(
|
||
icon: Icons.inventory_2_outlined,
|
||
title: '备份内容',
|
||
trailing: '资产 / 设置',
|
||
),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_SettingLikeRow(
|
||
icon: Icons.description_outlined,
|
||
title: '导出格式',
|
||
trailing: 'JSON',
|
||
),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_SettingLikeRow(
|
||
icon: Icons.lock_outline,
|
||
title: '存储位置',
|
||
trailing: '仅本机',
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
FilledButton(
|
||
onPressed: () => _toast(context, '已生成本地备份文件'),
|
||
child: const Text('生成备份'),
|
||
),
|
||
const SizedBox(height: 12),
|
||
const Text(
|
||
'备份文件包含资产、纯度系数、回收折扣与显示设置,不包含登录凭证。',
|
||
style: TextStyle(
|
||
fontSize: 11,
|
||
height: 1.6,
|
||
color: Color(0xFFB3AFA5),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class CloudBackupPage extends ConsumerWidget {
|
||
const CloudBackupPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final auth = ref.watch(authProvider);
|
||
final loggedIn = auth.valueOrNull is LoggedInAuthState;
|
||
|
||
return _ActionScaffold(
|
||
title: '云备份 · 多端同步',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: [
|
||
_SettingLikeRow(
|
||
icon: Icons.cloud_done_outlined,
|
||
title: '同步状态',
|
||
trailing: loggedIn ? '可开启' : '登录解锁',
|
||
),
|
||
const PrototypeDivider(margin: EdgeInsets.zero),
|
||
const _SettingLikeRow(
|
||
icon: Icons.devices_outlined,
|
||
title: '多端同步',
|
||
trailing: '资产 / 设置',
|
||
),
|
||
const PrototypeDivider(margin: EdgeInsets.zero),
|
||
const _SettingLikeRow(
|
||
icon: Icons.lock_outline,
|
||
title: '数据策略',
|
||
trailing: '本地优先',
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
FilledButton(
|
||
onPressed: () {
|
||
if (!loggedIn) {
|
||
context.push(AppRoutes.login);
|
||
} else {
|
||
_toast(context, '云同步入口已打开');
|
||
}
|
||
},
|
||
child: Text(loggedIn ? '开启云备份' : '去登录'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class WidgetSettingsPage extends StatelessWidget {
|
||
const WidgetSettingsPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return _ActionScaffold(
|
||
title: '桌面小组件',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
const _WidgetPreview(),
|
||
const SizedBox(height: 14),
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: const [
|
||
_SettingLikeRow(
|
||
icon: Icons.dashboard_customize_outlined,
|
||
title: '组件尺寸',
|
||
trailing: '中号',
|
||
),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_SettingLikeRow(
|
||
icon: Icons.lock_outline,
|
||
title: '金额显示',
|
||
trailing: '跟随隐私设置',
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
FilledButton(
|
||
onPressed: () => _toast(context, '演示:打开系统小组件设置'),
|
||
child: const Text('添加到桌面'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class PuritySettingsPage extends ConsumerWidget {
|
||
const PuritySettingsPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final settings = ref.watch(profileSettingsControllerProvider);
|
||
final groups = [
|
||
('黄金', ['足金9999', '足金999']),
|
||
('铂金', ['PT950']),
|
||
('白银', ['999银']),
|
||
];
|
||
|
||
return _ActionScaffold(
|
||
title: '纯度系数管理',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
for (final group in groups) ...[
|
||
_SectionLabel(group.$1),
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: [
|
||
for (final purity in group.$2) ...[
|
||
_SettingLikeRow(
|
||
icon: Icons.tune_outlined,
|
||
title: purity,
|
||
trailing: (settings.purityPresets[purity] ?? 1)
|
||
.toStringAsFixed(4),
|
||
onTap: () => _toast(context, '演示:自定义「$purity」纯度系数'),
|
||
),
|
||
if (purity != group.$2.last)
|
||
const PrototypeDivider(margin: EdgeInsets.zero),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
if (group != groups.last) const SizedBox(height: 12),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class RecycleDiscountPage extends ConsumerWidget {
|
||
const RecycleDiscountPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final settings = ref.watch(profileSettingsControllerProvider);
|
||
final notifier = ref.read(profileSettingsControllerProvider.notifier);
|
||
final preview =
|
||
483812.0 * (settings.recycleDiscounts[MetalType.gold] ?? 0.97);
|
||
|
||
return _ActionScaffold(
|
||
title: '回收折扣设置',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
PrototypeCard(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Text(
|
||
'回收参考预览',
|
||
style: TextStyle(fontSize: 13, color: Color(0xFF8A8780)),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
formatCny(preview),
|
||
style: const TextStyle(
|
||
fontSize: 28,
|
||
fontWeight: FontWeight.w700,
|
||
height: 1,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
const Text(
|
||
'按当前资产总估值和黄金折扣演示,实际以持仓金属分层计算。',
|
||
style: TextStyle(
|
||
fontSize: 11,
|
||
height: 1.5,
|
||
color: Color(0xFFB3AFA5),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: [
|
||
for (final entry in settings.recycleDiscounts.entries) ...[
|
||
_DiscountSliderRow(
|
||
metal: entry.key,
|
||
value: entry.value,
|
||
onChanged: (value) =>
|
||
notifier.setRecycleDiscount(entry.key, value),
|
||
),
|
||
if (entry.key != settings.recycleDiscounts.keys.last)
|
||
const PrototypeDivider(margin: EdgeInsets.zero),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class PriceColorPage extends ConsumerWidget {
|
||
const PriceColorPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final cs = ShadTheme.of(context).colorScheme;
|
||
final current = ref.watch(profileSettingsControllerProvider).priceColorMode;
|
||
final notifier = ref.read(profileSettingsControllerProvider.notifier);
|
||
|
||
return _ActionScaffold(
|
||
title: '涨跌颜色',
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
PrototypeCard(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
_ColorModeTile(
|
||
title: PriceColorMode.redUpGreenDown.label,
|
||
upColor: const Color(0xFFC0392B),
|
||
downColor: const Color(0xFF2E8B6F),
|
||
selected: current == PriceColorMode.redUpGreenDown,
|
||
onTap: () =>
|
||
notifier.setPriceColorMode(PriceColorMode.redUpGreenDown),
|
||
),
|
||
const SizedBox(height: 10),
|
||
_ColorModeTile(
|
||
title: PriceColorMode.greenUpRedDown.label,
|
||
upColor: const Color(0xFF2E8B6F),
|
||
downColor: const Color(0xFFC0392B),
|
||
selected: current == PriceColorMode.greenUpRedDown,
|
||
onTap: () =>
|
||
notifier.setPriceColorMode(PriceColorMode.greenUpRedDown),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Text(
|
||
'当前预览: ${current.label}',
|
||
style: TextStyle(fontSize: 12, color: cs.mutedForeground),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class CurrencyPage extends StatelessWidget {
|
||
const CurrencyPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return const _ActionScaffold(
|
||
title: '显示币种',
|
||
child: PrototypeCard(
|
||
padding: EdgeInsets.zero,
|
||
child: Column(
|
||
children: [
|
||
_CurrencyRow(label: '人民币', code: '¥ CNY', selected: true),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_CurrencyRow(label: '美元', code: r'$ USD', selected: false),
|
||
PrototypeDivider(margin: EdgeInsets.zero),
|
||
_CurrencyRow(label: '港币', code: r'HK$ HKD', selected: false),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class DisclaimerPage extends StatelessWidget {
|
||
const DisclaimerPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return const _ActionScaffold(
|
||
title: '免责声明 · 数据来源',
|
||
child: PrototypeCard(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
_InfoParagraph('App 内「材料价值」= 克重 × 纯度系数 × 上海金现货参考价(元/克)。'),
|
||
_InfoParagraph('它不是金店零售价(含工费 / 品牌溢价),也不是回收实收价。'),
|
||
_InfoParagraph(
|
||
'「兑换试算」中各渠道(金店 / 金条 / T+D / 回收)报价均为参考价,恒标来源与时间,以实际门店 / 交易系统为准。',
|
||
),
|
||
_InfoParagraph('「回收参考价」= 材料价值 × 可调折扣系数,仅供参考;正式版将尽量对接真实回收报价。'),
|
||
_InfoParagraph('本品为资产记录与估值工具,所有信息均不构成投资建议。'),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class AboutPage extends StatelessWidget {
|
||
const AboutPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return _ActionScaffold(
|
||
title: '意见反馈 · 关于金值',
|
||
child: FutureBuilder<PackageInfo>(
|
||
future: PackageInfo.fromPlatform(),
|
||
builder: (context, snapshot) {
|
||
final version = snapshot.data == null
|
||
? '加载中'
|
||
: 'Version ${snapshot.data!.version}+${snapshot.data!.buildNumber}';
|
||
return PrototypeCard(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
const Text(
|
||
'金值 · 贵金属资产管家',
|
||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w700),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(version, style: const TextStyle(fontSize: 13)),
|
||
const SizedBox(height: 10),
|
||
const Text(
|
||
'以「我的贵金属资产实时估值」为中心,辅以行情判断与资讯。',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: Color(0xFF8A8780),
|
||
height: 1.5,
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
_GoldTextAction(
|
||
label: '提交意见反馈',
|
||
onTap: () => _toast(context, '演示:打开反馈表单'),
|
||
),
|
||
const SizedBox(height: 10),
|
||
_GoldTextAction(
|
||
label: '检查更新',
|
||
onTap: () => _toast(context, '当前已是最新版本'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ActionScaffold extends StatelessWidget {
|
||
const _ActionScaffold({required this.title, required this.child});
|
||
|
||
final String title;
|
||
final Widget child;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final cs = ShadTheme.of(context).colorScheme;
|
||
return Scaffold(
|
||
backgroundColor: cs.background,
|
||
appBar: AppBar(
|
||
backgroundColor: cs.background,
|
||
surfaceTintColor: Colors.transparent,
|
||
elevation: 0,
|
||
scrolledUnderElevation: 0,
|
||
centerTitle: true,
|
||
toolbarHeight: 46,
|
||
title: Text(
|
||
title,
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w600,
|
||
color: cs.foreground,
|
||
),
|
||
),
|
||
leading: const CircleBackButton(),
|
||
),
|
||
body: ListView(
|
||
padding: Adaptive.screenPadding(context, top: 8, bottom: 32),
|
||
children: [child],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _InviteCodeCard extends StatelessWidget {
|
||
const _InviteCodeCard();
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(18),
|
||
gradient: const LinearGradient(
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
colors: [Color(0xFF1A1A17), Color(0xFF3A2F12)],
|
||
),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
const Row(
|
||
children: [
|
||
_GoldDot(),
|
||
SizedBox(width: 7),
|
||
Text(
|
||
'邀请好友,一起记账各得奖励',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 14),
|
||
const Text(
|
||
'我的邀请码',
|
||
style: TextStyle(fontSize: 12, color: Color(0xFFC9C4B5)),
|
||
),
|
||
const SizedBox(height: 6),
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 13),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white.withValues(alpha: 0.10),
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(
|
||
color: Colors.white.withValues(alpha: 0.30),
|
||
width: 0.5,
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
const Expanded(
|
||
child: Text(
|
||
'JINZHI-8K3F',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 22,
|
||
fontWeight: FontWeight.w700,
|
||
letterSpacing: 2,
|
||
),
|
||
),
|
||
),
|
||
GestureDetector(
|
||
onTap: () async {
|
||
await Clipboard.setData(
|
||
const ClipboardData(text: 'JINZHI-8K3F'),
|
||
);
|
||
if (!context.mounted) return;
|
||
_toast(context, '已复制邀请码');
|
||
},
|
||
child: const Text(
|
||
'复制',
|
||
style: TextStyle(
|
||
color: Color(0xFFB5862A),
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _SharePreviewCard extends StatelessWidget {
|
||
const _SharePreviewCard({required this.owner});
|
||
|
||
final String owner;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(18),
|
||
gradient: const LinearGradient(
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
colors: [Color(0xFF1A1A17), Color(0xFF3A2F12)],
|
||
),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
const Row(
|
||
children: [
|
||
_GoldDot(),
|
||
SizedBox(width: 7),
|
||
Text(
|
||
'金值 · 我的贵金属',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
const Text(
|
||
'总估值',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(fontSize: 12, color: Color(0xFFC9C4B5)),
|
||
),
|
||
const SizedBox(height: 8),
|
||
const Text(
|
||
'••••••',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 42,
|
||
fontWeight: FontWeight.w700,
|
||
height: 1,
|
||
),
|
||
),
|
||
const SizedBox(height: 10),
|
||
Center(
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 4),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFC0392B).withValues(alpha: 0.22),
|
||
borderRadius: BorderRadius.circular(999),
|
||
),
|
||
child: const Text(
|
||
'•••• · +1.21% 今日',
|
||
style: TextStyle(
|
||
color: Color(0xFFF0A99E),
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 18),
|
||
Text(
|
||
'来自 $owner · 金额已自动打码',
|
||
textAlign: TextAlign.center,
|
||
style: const TextStyle(fontSize: 12, color: Color(0xFFC9C4B5)),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _WidgetPreview extends StatelessWidget {
|
||
const _WidgetPreview();
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(18),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF1A1A17),
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFF7F4EE),
|
||
borderRadius: BorderRadius.circular(18),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Row(
|
||
children: [
|
||
_GoldDot(),
|
||
SizedBox(width: 7),
|
||
Text(
|
||
'金值',
|
||
style: TextStyle(fontSize: 13, fontWeight: FontWeight.w700),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 14),
|
||
const Text(
|
||
'¥ 483,812',
|
||
style: TextStyle(
|
||
fontSize: 28,
|
||
fontWeight: FontWeight.w700,
|
||
height: 1,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 4),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFFBEDEA),
|
||
borderRadius: BorderRadius.circular(999),
|
||
),
|
||
child: const Text(
|
||
'+¥5,821 · +1.21% 今日',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: Color(0xFFC0392B),
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 14),
|
||
const Row(
|
||
children: [
|
||
Expanded(
|
||
child: _MiniMetal(label: '金', value: '64%'),
|
||
),
|
||
SizedBox(width: 8),
|
||
Expanded(
|
||
child: _MiniMetal(label: '铂', value: '22%'),
|
||
),
|
||
SizedBox(width: 8),
|
||
Expanded(
|
||
child: _MiniMetal(label: '银', value: '14%'),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _DiscountSliderRow extends StatelessWidget {
|
||
const _DiscountSliderRow({
|
||
required this.metal,
|
||
required this.value,
|
||
required this.onChanged,
|
||
});
|
||
|
||
final MetalType metal;
|
||
final double value;
|
||
final ValueChanged<double> onChanged;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.fromLTRB(16, 12, 16, 10),
|
||
child: Column(
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Container(
|
||
width: 8,
|
||
height: 8,
|
||
decoration: BoxDecoration(
|
||
color: metal.color,
|
||
shape: BoxShape.circle,
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
metal.label,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
Text(
|
||
'${(value * 100).round()}%',
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w700,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Slider(
|
||
min: 0.7,
|
||
max: 1.0,
|
||
divisions: 30,
|
||
value: value.clamp(0.7, 1.0),
|
||
activeColor: const Color(0xFFB5862A),
|
||
inactiveColor: const Color(0xFFECEAE3),
|
||
onChanged: onChanged,
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ColorModeTile extends StatelessWidget {
|
||
const _ColorModeTile({
|
||
required this.title,
|
||
required this.upColor,
|
||
required this.downColor,
|
||
required this.selected,
|
||
required this.onTap,
|
||
});
|
||
|
||
final String title;
|
||
final Color upColor;
|
||
final Color downColor;
|
||
final bool selected;
|
||
final VoidCallback onTap;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return InkWell(
|
||
onTap: onTap,
|
||
borderRadius: BorderRadius.circular(14),
|
||
child: Container(
|
||
padding: const EdgeInsets.all(13),
|
||
decoration: BoxDecoration(
|
||
color: selected ? const Color(0xFFF6ECD6) : Colors.white,
|
||
borderRadius: BorderRadius.circular(14),
|
||
border: Border.all(
|
||
color: selected ? const Color(0xFFE3D6B4) : const Color(0xFFECEAE3),
|
||
width: 0.5,
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(
|
||
title,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
),
|
||
_ColorSwatch(color: upColor, label: '涨'),
|
||
const SizedBox(width: 8),
|
||
_ColorSwatch(color: downColor, label: '跌'),
|
||
const SizedBox(width: 8),
|
||
Icon(
|
||
selected ? Icons.check_circle : Icons.radio_button_unchecked,
|
||
size: 18,
|
||
color: selected
|
||
? const Color(0xFFB5862A)
|
||
: const Color(0xFFB3AFA5),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _CurrencyRow extends StatelessWidget {
|
||
const _CurrencyRow({
|
||
required this.label,
|
||
required this.code,
|
||
required this.selected,
|
||
});
|
||
|
||
final String label;
|
||
final String code;
|
||
final bool selected;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(
|
||
label,
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: selected
|
||
? const Color(0xFF1F1D18)
|
||
: const Color(0xFFB3AFA5),
|
||
),
|
||
),
|
||
),
|
||
Text(
|
||
code,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w700,
|
||
color: selected
|
||
? const Color(0xFFB5862A)
|
||
: const Color(0xFFB3AFA5),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Icon(
|
||
selected ? Icons.check_circle : Icons.lock_outline,
|
||
size: 17,
|
||
color: selected ? const Color(0xFFB5862A) : const Color(0xFFB3AFA5),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _SettingLikeRow extends StatelessWidget {
|
||
const _SettingLikeRow({
|
||
required this.icon,
|
||
required this.title,
|
||
required this.trailing,
|
||
this.onTap,
|
||
});
|
||
|
||
final IconData icon;
|
||
final String title;
|
||
final String trailing;
|
||
final VoidCallback? onTap;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final content = Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 13),
|
||
child: Row(
|
||
children: [
|
||
Icon(icon, size: 18, color: const Color(0xFFB5862A)),
|
||
const SizedBox(width: 10),
|
||
Expanded(
|
||
child: Text(
|
||
title,
|
||
style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
|
||
),
|
||
),
|
||
Text(
|
||
trailing,
|
||
style: const TextStyle(
|
||
fontSize: 13,
|
||
color: Color(0xFF6E6A60),
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
if (onTap != null) ...[
|
||
const SizedBox(width: 4),
|
||
const Icon(Icons.chevron_right, size: 16, color: Color(0xFFB3AFA5)),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
if (onTap == null) return content;
|
||
return InkWell(onTap: onTap, child: content);
|
||
}
|
||
}
|
||
|
||
class _KeyValueLine extends StatelessWidget {
|
||
const _KeyValueLine({
|
||
required this.label,
|
||
required this.value,
|
||
this.valueColor,
|
||
});
|
||
|
||
final String label;
|
||
final String value;
|
||
final Color? valueColor;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 12),
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(
|
||
label,
|
||
style: const TextStyle(fontSize: 13, color: Color(0xFF8A8780)),
|
||
),
|
||
),
|
||
Text(
|
||
value,
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w700,
|
||
color: valueColor ?? const Color(0xFF1F1D18),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _GoldTextAction extends StatelessWidget {
|
||
const _GoldTextAction({required this.label, required this.onTap});
|
||
|
||
final String label;
|
||
final VoidCallback onTap;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Text(
|
||
'$label ›',
|
||
style: const TextStyle(
|
||
color: Color(0xFFB5862A),
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w700,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _InfoParagraph extends StatelessWidget {
|
||
const _InfoParagraph(this.text);
|
||
|
||
final String text;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.only(bottom: 10),
|
||
child: Text(
|
||
text,
|
||
style: const TextStyle(
|
||
fontSize: 13,
|
||
height: 1.65,
|
||
color: Color(0xFF6E6A60),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _SectionLabel extends StatelessWidget {
|
||
const _SectionLabel(this.label);
|
||
|
||
final String label;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.fromLTRB(2, 0, 2, 7),
|
||
child: Text(
|
||
label,
|
||
style: const TextStyle(fontSize: 12, color: Color(0xFF8A8780)),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _MiniMetal extends StatelessWidget {
|
||
const _MiniMetal({required this.label, required this.value});
|
||
|
||
final String label;
|
||
final String value;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 8),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(color: const Color(0xFFE6E0D6), width: 0.5),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
label,
|
||
style: const TextStyle(fontSize: 11, color: Color(0xFF8A8780)),
|
||
),
|
||
const SizedBox(height: 4),
|
||
Text(
|
||
value,
|
||
style: const TextStyle(fontSize: 13, fontWeight: FontWeight.w700),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ColorSwatch extends StatelessWidget {
|
||
const _ColorSwatch({required this.color, required this.label});
|
||
|
||
final Color color;
|
||
final String label;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||
decoration: BoxDecoration(
|
||
color: color.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(999),
|
||
),
|
||
child: Text(
|
||
label,
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
fontWeight: FontWeight.w700,
|
||
color: color,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _GoldDot extends StatelessWidget {
|
||
const _GoldDot();
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
width: 8,
|
||
height: 8,
|
||
decoration: const BoxDecoration(
|
||
color: Color(0xFFB5862A),
|
||
shape: BoxShape.circle,
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
void _toast(BuildContext context, String message) {
|
||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(message)));
|
||
}
|