From d18a0c9fe708dcf58253b54ef2938b5e864b24df Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期一, 28 四月 2025 14:39:30 +0800
Subject: [PATCH] 优化水摄入页面的确认弹窗逻辑，调整showConfirm状态的设置位置，并移除不必要的代码注释，提升代码可读性和维护性。

---
 pages/createIrrigation/createIrrigation.wxss |  173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 166 insertions(+), 7 deletions(-)

diff --git a/pages/createIrrigation/createIrrigation.wxss b/pages/createIrrigation/createIrrigation.wxss
index 3872378..bcc0761 100644
--- a/pages/createIrrigation/createIrrigation.wxss
+++ b/pages/createIrrigation/createIrrigation.wxss
@@ -8,6 +8,44 @@
   box-sizing: border-box;
 }
 
+/* 閫夋嫨鍣ㄥ鍣ㄦ牱寮� */
+.picker-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  pointer-events: none;
+}
+
+/* 钂欏眰鏍峰紡 */
+.picker-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  pointer-events: auto;
+}
+
+.picker-container .t-date-time-picker,
+.picker-container .t-picker {
+  pointer-events: auto;
+}
+
+/* 褰撻�夋嫨鍣ㄦ樉绀烘椂 */
+.t-date-time-picker[visible],
+.t-picker[visible] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 24rpx 24rpx 0 0;
+}
+
 /* 琛ㄥ崟椤规牱寮� */
 .form-item {
   display: flex;
@@ -21,11 +59,17 @@
 }
 
 .form-label {
-  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  font-size: 29rpx;
   color: #333;
-  font-weight: 500;
-  width: 200rpx; /* 鍥哄畾鏍囩瀹藉害 */
-  flex-shrink: 0; /* 闃叉鏍囩瀹藉害琚帇缂� */
+  margin-bottom: 16rpx;
+}
+
+.info-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-left: 8rpx;
 }
 
 .form-input {
@@ -213,14 +257,31 @@
   flex-wrap: wrap;
 }
 
+.group-index {
+  color: #1890FF;
+  margin-right: 8rpx;
+  font-size: 28rpx;
+}
+
 .group-name {
-  font-size: 26rpx;
+  display: flex;
+  align-items: center;
+  font-size: 29rpx;
   color: #666;
   position: relative;
-  padding-left: 10rpx;
-  background-color: rgba(24, 144, 255, 0.1);
   padding: 4rpx 20rpx;
+  background-color: rgba(24, 144, 255, 0.1);
   border-radius: 10rpx;
+}
+
+.group-name-text {
+  color: #333;
+  margin-right: 8rpx;
+}
+
+.group-intake-count {
+  color: #999;
+  font-size: 26rpx;
 }
 
 .group-hint {
@@ -361,4 +422,102 @@
   font-size: 32rpx;
   color: #1890FF;
   font-weight: 500;
+}
+
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40rpx 0;
+}
+
+.empty-image {
+  width: 200rpx;
+  height: 200rpx;
+  margin-bottom: 20rpx;
+}
+
+.empty-text {
+  color: #999;
+  font-size: 30rpx;
+}
+
+.empty-tip {
+  font-size: 28rpx;
+  color: #999;
+}
+
+.dialog-content {
+  padding: 20rpx 0;
+}
+
+.dialog-section {
+  margin-bottom: 24rpx;
+}
+
+.dialog-section:last-child {
+  margin-bottom: 0;
+}
+
+.dialog-title {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 8rpx;
+}
+
+.dialog-desc {
+  font-size: 26rpx;
+  color: #666;
+  line-height: 1.6;
+  padding-left: 20rpx;
+}
+
+/* 鏃堕棿鎻愮ず寮圭獥鏍峰紡 */
+.time-info-content {
+  padding: 20rpx 30rpx;
+}
+
+.time-info-item {
+  display: flex;
+  margin: 20rpx 0;
+}
+
+.info-text-container {
+  flex: 1;
+}
+
+.info-title {
+  font-size: 32rpx;
+  color: #000;
+  font-weight: 500;
+  margin-bottom: 12rpx;
+  position: relative;
+  padding-left: 24rpx;
+}
+
+.info-title::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8rpx;
+  height: 28rpx;
+  background-color: #1890FF;
+  border-radius: 4rpx;
+}
+
+.info-desc {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 1.5;
+  padding-left: 24rpx;
+}
+
+.divider {
+  height: 1rpx;
+  background-color: #eee;
+  margin: 16rpx 0;
 } 
\ No newline at end of file

--
Gitblit v1.8.0