From a04974e79d7fe334262a0fa28ecc495d964d6791 Mon Sep 17 00:00:00 2001 From: sion <450702724@qq.com> Date: Wed, 8 Apr 2026 11:49:42 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20MaterialInput=20?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E4=B8=89=E4=B8=AA=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 统一输入框大小 - 所有输入框使用相同的 padding (16px) 2. 移除容器外边框 - 去掉 filled 和 fillColor 3. 修复 padding 问题 - 使用固定的 16px padding 4. 统一字体大小 - 使用 16px 字体确保高度一致 5. 统一圆角 - 使用固定的 12px 圆角 --- .../lib/ui/components/material_input.dart | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/flutter_monisuo/lib/ui/components/material_input.dart b/flutter_monisuo/lib/ui/components/material_input.dart index 30c1f67..73bbbc8 100644 --- a/flutter_monisuo/lib/ui/components/material_input.dart +++ b/flutter_monisuo/lib/ui/components/material_input.dart @@ -80,10 +80,11 @@ class MaterialInput extends StatelessWidget { onTap: onTap, onFieldSubmitted: onSubmitted, inputFormatters: inputFormatters, - style: AppTextStyles.headlineMedium(context).copyWith( + style: AppTextStyles.bodyLarge(context).copyWith( color: enabled ? colorScheme.onSurface : colorScheme.onSurface.withValues(alpha: 0.5), + fontSize: 16, // 统一字体大小 ), cursorColor: primaryColor, cursorWidth: 2.0, @@ -123,25 +124,24 @@ class MaterialInput extends StatelessWidget { // 后置图标 suffixIcon: suffixIcon, - // 填充颜色 - filled: true, - fillColor: fillColor, + // 填充颜色(移除,不需要) + filled: false, - // 内容内边距 + // 内容内边距(统一使用 16px) contentPadding: const EdgeInsets.symmetric( - horizontal: AppSpacing.lg, - vertical: AppSpacing.md, + horizontal: 16, + vertical: 16, ), - // Material Design 3 边框样式 - border: _buildBorder(borderColor, AppRadius.lg), - enabledBorder: _buildBorder(borderColor, AppRadius.lg), - focusedBorder: _buildBorder(primaryColor, AppRadius.lg, width: 2.0), - errorBorder: _buildBorder(colorScheme.error, AppRadius.lg), - focusedErrorBorder: _buildBorder(colorScheme.error, AppRadius.lg, width: 2.0), + // Material Design 3 边框样式(统一 12px 圆角) + border: _buildBorder(borderColor, 12), + enabledBorder: _buildBorder(borderColor, 12), + focusedBorder: _buildBorder(primaryColor, 12, width: 2.0), + errorBorder: _buildBorder(colorScheme.error, 12), + focusedErrorBorder: _buildBorder(colorScheme.error, 12, width: 2.0), disabledBorder: _buildBorder( borderColor.withValues(alpha: 0.3), - AppRadius.lg, + 12, ), // 错误文本样式