From 3008f0fcb87992077af811f9842793610fc52239 Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期二, 29 四月 2025 16:07:00 +0800 Subject: [PATCH] 优化首页项目切换逻辑,添加确认弹窗以提升用户体验;更新样式以增强项目选择的可视化效果。 --- pages/irrigationDetail/irrigationDetail.wxss | 115 ++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 100 insertions(+), 15 deletions(-) diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss index 55c152d..43d7214 100644 --- a/pages/irrigationDetail/irrigationDetail.wxss +++ b/pages/irrigationDetail/irrigationDetail.wxss @@ -25,25 +25,31 @@ align-items: center; flex: 1; line-height: 40rpx; + flex-wrap: nowrap; + white-space: nowrap; } .plan-code .label { color: #666; - font-size: 28rpx; + font-size: 30rpx; margin-right: 8rpx; + min-width: 160rpx; + flex-shrink: 0; } .plan-code .value { color: #333; - font-size: 32rpx; + font-size: 34rpx; font-weight: 500; + white-space: normal; + word-break: break-all; } /* 鐘舵�佹爣绛炬牱寮� */ .plan-status { padding: 4rpx 16rpx; border-radius: 20rpx; - font-size: 24rpx; + font-size: 26rpx; color: #fff; text-align: center; margin-left: 20rpx; @@ -73,17 +79,44 @@ display: flex; align-items: center; margin-top: 8rpx; + flex-wrap: nowrap; + white-space: nowrap; } .time-info .label, .project-info .label { color: #666; - font-size: 28rpx; + font-size: 30rpx; + min-width: 180rpx; + flex-shrink: 0; } .time-info .value, .project-info .value { color: #333; - font-size: 28rpx; + font-size: 30rpx; font-weight: 500; + white-space: normal; + word-break: break-all; +} + +/* 瀹為檯涓鏃堕棿楂樹寒鏍峰紡 */ +.time-info .highlight-text { + color: #F44336; + font-weight: bold; + background-color: rgba(244, 67, 54, 0.1); + padding: 4rpx 12rpx; + border-radius: 4rpx; + font-size: 30rpx; +} + +/* 鍛戒护鍙戝竷澶辫触鏁版牱寮� */ +.time-info .error-text { + color: #ff4d4f; + font-weight: bold; + background-color: rgba(255, 77, 79, 0.1); + padding: 4rpx 12rpx; + border-radius: 4rpx; + display: inline-block; + font-size: 30rpx; } /* 椤圭洰鍒楄〃鏍峰紡 */ @@ -144,14 +177,14 @@ } .project-name { - font-size: 32rpx; + font-size: 34rpx; font-weight: bold; color: #333333; word-break: break-all; } .project-duration { - font-size: 26rpx; + font-size: 28rpx; color: #666666; margin-top: 10rpx; } @@ -199,8 +232,16 @@ background-color: #2196F3; } +.group-item.terminated .status-dot { + background-color: #F44336; +} + +.group-item.canceled .status-dot { + background-color: #9E9E9E; +} + .status-text { - font-size: 26rpx; + font-size: 28rpx; color: #666; flex-shrink: 0; } @@ -217,6 +258,14 @@ color: #2196F3; } +.group-item.terminated .status-text { + color: #F44336; +} + +.group-item.canceled .status-text { + color: #9E9E9E; +} + /* 鏍规嵁涓嶅悓鐘舵�佹樉绀轰笉鍚岃儗鏅壊 */ .group-item.pending .group-status-indicator { background-color: rgba(255, 215, 0, 0.1); @@ -230,6 +279,14 @@ background-color: rgba(33, 150, 243, 0.1); } +.group-item.terminated .group-status-indicator { + background-color: rgba(244, 67, 54, 0.1); +} + +.group-item.canceled .group-status-indicator { + background-color: rgba(158, 158, 158, 0.1); +} + /* 杞亴缁勪俊鎭牱寮� */ .group-info { margin-top: 12rpx; @@ -240,20 +297,32 @@ align-items: center; margin-bottom: 12rpx; width: 100%; + flex-wrap: nowrap; + white-space: nowrap; +} + +.group-index { + color: #1890FF; + margin-right: 8rpx; + font-size: 34rpx; + flex-shrink: 0; } .group-label { - font-size: 32rpx; + font-size: 34rpx; color: #666; margin-right: 8rpx; flex-shrink: 0; + min-width: 140rpx; } .group-name { - font-size: 32rpx; + font-size: 34rpx; font-weight: 500; color: #333; flex-shrink: 0; + white-space: normal; + word-break: break-all; } .group-time-info { @@ -269,13 +338,14 @@ .time-label { color: #666; - font-size: 26rpx; + font-size: 31rpx; width: 160rpx; + flex-shrink: 0; } .time-value { color: #333; - font-size: 26rpx; + font-size: 28rpx; } /* 鍙栨按鍙d俊鎭牱寮� */ @@ -286,7 +356,7 @@ } .intake-header { - font-size: 28rpx; + font-size: 30rpx; color: #333; font-weight: 500; margin-bottom: 12rpx; @@ -315,7 +385,7 @@ .intake-name { display: flex; align-items: center; - font-size: 26rpx; + font-size: 28rpx; color: #333; } @@ -336,7 +406,22 @@ .intake-result { margin-top: 6rpx; - font-size: 24rpx; + font-size: 26rpx; color: #F44336; padding-left: 20rpx; +} + +.failure-count { + margin-top: 10rpx; + font-size: 30rpx; +} + +.failure-count .label { + color: #666; +} + +.failure-count .error-text { + color: #ff4d4f; + font-weight: bold; + margin-left: 8rpx; } \ No newline at end of file -- Gitblit v1.8.0