fix: 修复UI样式问题

- 首页:移除盈亏日历,福利中心卡片改为白色背景,查看按钮改为黄色
- 资产页面:余额卡片撑满宽度
- 底部导航栏:移除背景高亮,只保留图标和文字变化
- 行情页面:调整卡片文字大小和柱形图样式
- 交易页面:买入按钮白色文字,卖出按钮红色文字,优化输入框和百分比卡片样式,添加顶部间距
- 全局:移除渐变色,统一使用纯色背景
This commit is contained in:
2026-04-06 11:21:10 +08:00
parent 951d597057
commit 2bc6ff66e1
8 changed files with 65 additions and 353 deletions

View File

@@ -222,7 +222,7 @@ class _FeaturedCard extends StatelessWidget {
children: [
Text(
'${coin.code}/USDT',
style: AppTextStyles.headlineMedium(context),
style: AppTextStyles.labelLarge(context), // 缩小文字
),
Container(
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.xs + 2, vertical: 2),
@@ -234,6 +234,7 @@ class _FeaturedCard extends StatelessWidget {
coin.formattedChange,
style: AppTextStyles.labelSmall(context).copyWith(
color: changeColor,
fontSize: 10, // 缩小文字
),
),
),
@@ -242,12 +243,14 @@ class _FeaturedCard extends StatelessWidget {
// 第二行:价格
Text(
'\$${_formatFeaturedPrice(coin)}',
style: AppTextStyles.displayMedium(context),
style: AppTextStyles.headlineLarge(context).copyWith( // 缩小文字
fontWeight: FontWeight.bold,
),
),
// 第三行:币种全名
Text(
coin.name,
style: AppTextStyles.bodyMedium(context).copyWith(
style: AppTextStyles.bodySmall(context).copyWith( // 缩小文字
color: context.colors.onSurfaceVariant,
),
),
@@ -307,7 +310,7 @@ class _MiniBarChart extends StatelessWidget {
children: heights.map((h) {
return Expanded(
child: Padding(
padding: const EdgeInsets.only(left: 1.5),
padding: const EdgeInsets.only(left: 2), // 增加间距
child: Container(
height: h,
decoration: BoxDecoration(
@@ -323,8 +326,8 @@ class _MiniBarChart extends StatelessWidget {
List<double> _generateHeights() {
final random = Random(seed);
final base = 8.0;
final range = 16.0;
final base = 6.0; // 降低基础高度
final range = 12.0; // 降低范围
return List.generate(6, (_) => base + random.nextDouble() * range);
}
}