fix(ui): 对齐首页样式到 Pencil 设计规范

- Asset Card: padding 20px (was 24px)
- 充值按钮: cornerRadius 6px, padding [5,10], icon 13px, text 12px
- Quick Actions: 边框颜色 Light #E2E8F0, Dark #1E293B
- Quick Action Icons: 背景色 Light #F3F4F6, Dark #1E293B
- Quick Action Icons: 图标色 Light #4B5563
- cornerRadius: -lg (14px) for cards
This commit is contained in:
2026-04-06 03:45:13 +08:00
parent ac8f4f2870
commit d09c1a2061
4 changed files with 6327 additions and 6309 deletions

View File

@@ -524,7 +524,7 @@ class _AssetCardState extends State<_AssetCard> {
final displayAsset = _formatAsset(totalAsset);
return GlassPanel(
padding: EdgeInsets.all(AppSpacing.lg),
padding: EdgeInsets.all(20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@@ -540,22 +540,23 @@ class _AssetCardState extends State<_AssetCard> {
onTap: widget.onDeposit,
child: Container(
padding: EdgeInsets.symmetric(
horizontal: AppSpacing.md,
vertical: AppSpacing.xs + 2,
horizontal: 10,
vertical: 5,
),
decoration: BoxDecoration(
color: context.colors.primary,
borderRadius: BorderRadius.circular(AppRadius.full),
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.add, size: 14, color: context.colors.onPrimary),
SizedBox(width: AppSpacing.xs),
Icon(Icons.add, size: 13, color: context.colors.onPrimary),
SizedBox(width: 4),
Text(
'充值',
style: AppTextStyles.labelLarge(context).copyWith(
color: context.colors.onPrimary,
fontSize: 12,
),
),
],

View File

@@ -21,16 +21,27 @@ class QuickActionsRow extends StatelessWidget {
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final isDark = colorScheme.brightness == Brightness.dark;
// Light: #FFFFFF, Dark: #0F172A
final containerBg = isDark
? const Color(0xFF0F172A)
: const Color(0xFFFFFFFF);
// Light: #E2E8F0, Dark: #1E293B
final borderColor = isDark
? const Color(0xFF1E293B)
: const Color(0xFFE2E8F0);
return Container(
padding: const EdgeInsets.symmetric(vertical: AppSpacing.md, horizontal: AppSpacing.sm),
decoration: BoxDecoration(
color: colorScheme.surfaceContainer,
color: containerBg,
border: Border.all(
color: colorScheme.outlineVariant,
color: borderColor,
width: 1,
),
borderRadius: BorderRadius.circular(AppRadius.xl),
borderRadius: BorderRadius.circular(AppRadius.lg),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
@@ -80,6 +91,17 @@ class _ActionItem extends StatelessWidget {
@override
Widget build(BuildContext context) {
// Light: #F3F4F6, Dark: #1E293B
final isDark = colorScheme.brightness == Brightness.dark;
final iconBgColor = isDark
? const Color(0xFF1E293B)
: const Color(0xFFF3F4F6);
// Light: #4B5563, Dark: 根据主题
final iconColor = isDark
? colorScheme.onSurfaceVariant
: const Color(0xFF4B5563);
return GestureDetector(
onTap: onTap,
behavior: HitTestBehavior.opaque,
@@ -90,14 +112,14 @@ class _ActionItem extends StatelessWidget {
width: 40,
height: 40,
decoration: BoxDecoration(
color: colorScheme.surfaceContainerHigh,
color: iconBgColor,
borderRadius: BorderRadius.circular(AppRadius.md),
),
alignment: Alignment.center,
child: Icon(
icon,
size: 18,
color: colorScheme.onSurfaceVariant,
color: iconColor,
),
),
const SizedBox(height: AppSpacing.xs + 2),