refactor: 重构多个页面布局与样式,修复溢出问题

调整了勘测任务页、项目页的顶部栏样式,优化了底部导航栏的底部间距
重构客户卡片布局,使用 IntrinsicHeight 避免高度溢出,添加 FittedBox 防止文本溢出
统一了部分代码的换行格式,提升代码可读性
This commit is contained in:
andyesfly committed 2026-10-02 17:54:18 +08:00
1 parent f61b7bf90b
commit e14d371cc8
4 files changed
+142 -138

No files matched your search

+4 -12
View File
@@ -7,14 +7,10 @@ import 'x_icon.dart';
/// 底部悬浮胶囊导航,对应 `components/XBottomNav.vue`。
///
/// 距屏幕底部 12px(再叠加安全区),高 56,四周内边距 5,
/// 距屏幕底部 4px(再叠加安全区),高 56,四周内边距 5,
/// 四个 tab 等宽均分;激活项铺满所在分格。
class XBottomNav extends StatelessWidget {
const XBottomNav({
super.key,
required this.current,
required this.onChanged,
});
const XBottomNav({super.key, required this.current, required this.onChanged});
final String current;
final ValueChanged<String> onChanged;
@@ -31,11 +27,7 @@ class XBottomNav extends StatelessWidget {
final bottomInset = MediaQuery.paddingOf(context).bottom;
return Padding(
padding: EdgeInsets.only(
left: 16,
right: 16,
bottom: 12 + bottomInset,
),
padding: EdgeInsets.only(left: 16, right: 16, bottom: 4 + bottomInset),
child: Container(
height: 56,
padding: const EdgeInsets.all(5),
@@ -92,4 +84,4 @@ class XBottomNav extends StatelessWidget {
),
);
}
}
}