Browse Source

style(views): 调整图片尺寸和显示模式

- 修改ota_upgrade_view中图片尺寸从100.h增加到120.h
- 将BoxFit.cover改为BoxFit.contain以更好显示图片内容
- 移除home_view中注释掉的冗余代码
weicu
lxm 11 months ago
parent
commit
44abb00235
  1. 34
      lib/modules/home/views/home_view.dart
  2. 6
      lib/modules/ota_upgrade/views/ota_upgrade_view.dart

34
lib/modules/home/views/home_view.dart

@ -212,22 +212,6 @@ class HomeView extends GetView<HomeController> {
height: 220.h, height: 220.h,
child: PageView( child: PageView(
children: [ children: [
// Center(
// child: ClipRRect(
// // 添加 ClipRRect 来实现圆角
// borderRadius: BorderRadius.circular(16.r), // 使用与其他部件一致的圆角大小
// child: SizedBox(
// width: double.infinity,
// height: 200.h,
// child: Image.asset(
// isDarkMode
// ? 'assets/images/robot_light.png'
// : 'assets/images/robot_light.png',
// fit: BoxFit.fitWidth,
// ),
// ),
// ),
// ),
Center( Center(
child: ClipRRect( child: ClipRRect(
// 添加 ClipRRect // 添加 ClipRRect
@ -242,7 +226,7 @@ class HomeView extends GetView<HomeController> {
imagePath, imagePath,
width: double.infinity, width: double.infinity,
height: 220.h, height: 220.h,
fit: BoxFit.cover, fit: BoxFit.contain,
errorBuilder: (context, error, stackTrace) { errorBuilder: (context, error, stackTrace) {
// 网络图片加载失败时使用默认图片 // 网络图片加载失败时使用默认图片
return Image.asset( return Image.asset(
@ -287,22 +271,6 @@ class HomeView extends GetView<HomeController> {
), ),
), ),
), ),
// Center(
// child: ClipRRect(
// // 添加 ClipRRect
// borderRadius: BorderRadius.circular(16.r),
// child: SizedBox(
// width: double.infinity,
// height: 200.h,
// child: Image.asset(
// isDarkMode
// ? 'assets/images/glasses_light.png'
// : 'assets/images/glasses_light.png',
// fit: BoxFit.fitWidth,
// ),
// ),
// ),
// ),
], ],
), ),
); );

6
lib/modules/ota_upgrade/views/ota_upgrade_view.dart

@ -208,11 +208,11 @@ class OtaUpgradeView extends GetView<OtaUpgradeController> {
return ClipRRect( return ClipRRect(
borderRadius: BorderRadius.circular(16.r), borderRadius: BorderRadius.circular(16.r),
child: SizedBox( child: SizedBox(
width: 100.h, width: 120.h,
height: 100.h, height: 120.h,
child: Image.network( child: Image.network(
imagePath, imagePath,
fit: BoxFit.cover, fit: BoxFit.contain,
loadingBuilder: (context, child, loadingProgress) { loadingBuilder: (context, child, loadingProgress) {
if (loadingProgress == null) return child; if (loadingProgress == null) return child;
return SizedBox( return SizedBox(

Loading…
Cancel
Save