sky/app-starlock
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页UI样式优化

Browse Source
This commit is contained in:
Daisy 2024-03-06 18:43:30 +08:00
parent 677ab6bce9
commit ea7287583d
1 changed files with 61 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
star_lock/lib/main/lockDetail/lockDetail/lockDetail_page.dart
View File

@ -102,7 +102,9 @@ class _LockDetailPageState extends State<LockDetailPage>
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Text("钥匙将在2天后失效", style: TextStyle(color: const Color(0xffCBA74B),fontSize: 24.sp)) Text("钥匙将在2天后失效",
style: TextStyle(
color: const Color(0xffCBA74B), fontSize: 24.sp))
], ],
), ),
), ),
@ -132,7 +134,7 @@ class _LockDetailPageState extends State<LockDetailPage>
], ],
// ), // ),
), ),
)) )),
], ],
), ),
), ),
@ -176,57 +178,62 @@ class _LockDetailPageState extends State<LockDetailPage>
)))), )))),
Positioned( Positioned(
child: Obx(() => Column( child: Obx(() => Column(
children: [
GestureDetector(
onTap: (){
// logic.getStarLockStatus();
showDeletAlertDialog(context, DateTool().dateToYMDHNSString(state.keyInfos.value.electricQuantityDate!.toString()));
},
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Image.asset(
showElectricIcon(state.electricQuantity.value),
width: 30.w,
height: 24.w),
SizedBox(width: 2.w),
Text("${state.electricQuantity.value}%",
style: TextStyle(
fontSize: 18.sp,
color: AppColors.darkGrayTextColor)),
SizedBox(width: 2.w),
Icon(
Icons.info, // 使用内置的 warning 图标，它是一个叹号
color: AppColors.mainColor, // 设置图标颜色为红色
size: 25.w, // 设置图标大小为 30
),
SizedBox(width: 20.w),
],
),
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [ children: [
Image.asset( GestureDetector(
showElectricIcon(state.electricQuantity.value), onTap: () {
width: 30.w, // logic.getStarLockStatus();
height: 24.w), showDeletAlertDialog(
SizedBox(width: 2.w), context,
Text("--%", DateTool().dateToYMDHNSString(state
style: TextStyle( .keyInfos.value.electricQuantityDate!
fontSize: 18.sp, .toString()));
color: AppColors.darkGrayTextColor)), },
SizedBox(width: 2.w), child: Row(
Icon( mainAxisAlignment: MainAxisAlignment.end,
Icons.info, // 使用内置的 warning 图标，它是一个叹号 children: [
color: AppColors.mainColor, // 设置图标颜色为红色 Image.asset(
size: 25.w, // 设置图标大小为 30 showElectricIcon(
state.electricQuantity.value),
width: 30.w,
height: 24.w),
SizedBox(width: 2.w),
Text("${state.electricQuantity.value}%",
style: TextStyle(
fontSize: 18.sp,
color: AppColors.darkGrayTextColor)),
SizedBox(width: 2.w),
Icon(
Icons.info, // 使用内置的 warning 图标，它是一个叹号
color: AppColors.mainColor, // 设置图标颜色为红色
size: 25.w, // 设置图标大小为 30
),
SizedBox(width: 20.w),
],
),
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Image.asset(
showElectricIcon(state.electricQuantity.value),
width: 30.w,
height: 24.w),
SizedBox(width: 2.w),
Text("--%",
style: TextStyle(
fontSize: 18.sp,
color: AppColors.darkGrayTextColor)),
SizedBox(width: 2.w),
Icon(
Icons.info, // 使用内置的 warning 图标，它是一个叹号
color: AppColors.mainColor, // 设置图标颜色为红色
size: 25.w, // 设置图标大小为 30
),
SizedBox(width: 20.w),
],
), ),
SizedBox(width: 20.w),
], ],
), )))
],
)))
], ],
), ),
SizedBox(height: 30.h), SizedBox(height: 30.h),
@ -455,7 +462,7 @@ class _LockDetailPageState extends State<LockDetailPage>
child: GridView.count( child: GridView.count(
crossAxisCount: 4, crossAxisCount: 4,
// childAspectRatio: 3, // childAspectRatio: 3,
crossAxisSpacing: 20.w, crossAxisSpacing: 25.h,
mainAxisSpacing: 0.h, mainAxisSpacing: 0.h,
physics: const NeverScrollableScrollPhysics(), physics: const NeverScrollableScrollPhysics(),
children: getBottomWidget()), children: getBottomWidget()),
@ -694,7 +701,9 @@ class _LockDetailPageState extends State<LockDetailPage>
SizedBox(height: 10.w), SizedBox(height: 10.w),
Expanded( Expanded(
child: Text(name, child: Text(name,
style: TextStyle(fontSize: 20.sp, color: isForbidden style: TextStyle(
fontSize: 20.sp,
color: isForbidden
? AppColors.lockDetailBottomBtnUneable ? AppColors.lockDetailBottomBtnUneable
: AppColors.blackColor), : AppColors.blackColor),
textAlign: TextAlign.center)) textAlign: TextAlign.center))