style: 完成前端专业金融风格优化

- 主题配色: 黑金传奇(暗) + 白金殿堂(亮)
- 底部导航: 去掉毛玻璃,简洁专业
- 交易页面: 明亮模式颜色优化,实心按钮
- 按钮圆角: xxl(24px) → lg(12px)/md(8px)
- 字体系统: Inter(币安同款)
- 整体风格: 专业金融科技
This commit is contained in:
2026-03-30 03:31:42 +08:00
parent f32c48900b
commit 8825fe5b27
7 changed files with 10898 additions and 10903 deletions

View File

@@ -1,4 +1,3 @@
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../../core/theme/app_spacing.dart';
@@ -96,7 +95,7 @@ class MainPageState extends State<MainPage> {
}
}
/// 底部导航栏 - "The Kinetic Vault" 设计风格
/// 底部导航栏 - 专业信任主题
class _BottomNavBar extends StatelessWidget {
final List<_NavItem> items;
final int currentIndex;
@@ -114,22 +113,14 @@ class _BottomNavBar extends StatelessWidget {
return Container(
decoration: BoxDecoration(
color: colorScheme.surfaceContainerLow.withOpacity(0.8),
color: colorScheme.surfaceContainerLow,
borderRadius: BorderRadius.vertical(top: Radius.circular(AppRadius.xxl + AppSpacing.sm)),
border: Border(
top: BorderSide(
color: colorScheme.outlineVariant.withOpacity(0.15),
),
),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.5),
blurRadius: 40, // 阴影效果保持固定
offset: const Offset(0, -10),
),
],
),
// 【优化】移除毛玻璃效果,保持简洁的半透明背景
child: SafeArea(
child: Padding(
padding: EdgeInsets.fromLTRB(AppSpacing.md, AppSpacing.sm, AppSpacing.md, AppSpacing.lg),
@@ -176,13 +167,6 @@ class _NavItemWidget extends StatelessWidget {
? BoxDecoration(
color: colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(AppSpacing.md),
boxShadow: [
BoxShadow(
color: colorScheme.primary.withOpacity(0.3),
blurRadius: 15, // 发光效果保持固定
spreadRadius: 0,
),
],
)
: null,
child: Column(