refactor: 重构多个页面布局与样式,修复溢出问题
调整了勘测任务页、项目页的顶部栏样式,优化了底部导航栏的底部间距 重构客户卡片布局,使用 IntrinsicHeight 避免高度溢出,添加 FittedBox 防止文本溢出 统一了部分代码的换行格式,提升代码可读性
This commit is contained in:
1 parent
f61b7bf90b
commit
e14d371cc8
4 files changed
+142
-138
No files matched your search
@@ -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 {
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user