From 50433e86b718fab0d94ea1410724b29b5f53fa0a Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期三, 09 四月 2025 15:11:26 +0800
Subject: [PATCH] 更新SVG图标样式，优化灌溉计划和取水口页面逻辑，添加状态处理和信息提示功能；调整界面样式，提升用户体验。

---
 pages/waterIntake/waterIntake.wxss |  136 ++++++++++++++++++++++-----------------------
 1 files changed, 66 insertions(+), 70 deletions(-)

diff --git a/pages/waterIntake/waterIntake.wxss b/pages/waterIntake/waterIntake.wxss
index 58a1612..d538a5b 100644
--- a/pages/waterIntake/waterIntake.wxss
+++ b/pages/waterIntake/waterIntake.wxss
@@ -1,5 +1,5 @@
 .container {
-  padding: 5rpx 20rpx;
+  padding: 0;
   background-color: #fff;
   width: 100%;
   height: 100vh;
@@ -29,48 +29,98 @@
   z-index: 0;
   display: flex;
   flex-direction: column;
-  padding-bottom: 20rpx; /* 澧炲姞搴曢儴濉厖 */
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+  /* 闅愯棌婊氬姩鏉� */
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.list-container::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  color: transparent;
+  background: transparent;
+}
+
+/* 涓哄井淇″皬绋嬪簭娣诲姞鐗瑰畾鏍峰紡 */
+.list-container {
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  overflow: -moz-scrollbars-none;
 }
 
 .item {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 15px 20rpx;
-  border-bottom: 1px solid #eee;
+  padding: 30rpx;
+  margin: 0 20rpx 20rpx 10rpx;
+  background-color: #ffffff;
+  border-radius: 12rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  box-sizing: border-box;
+  width: calc(100% - 20rpx);
+}
+
+.item:active {
+  transform: scale(0.98);
+  box-shadow: 0 1rpx 5rpx rgba(0, 0, 0, 0.1);
 }
 
 .item-left {
   display: flex;
   align-items: center;
+  flex: 1;
+  padding-right: 20rpx;
 }
 
-.item-left text{
-  font-size: 40rpx;
-  min-width: 150rpx;
+.item-img-left {
+  width: 48rpx;
+  height: 48rpx;
+  margin-right: 20rpx;
+}
+
+.water-intake-name {
+  font-size: 36rpx !important;
+  color: #333;
+  font-weight: 500;
 }
 
 .item-img {
-  width: 40rpx;
-  height: 40rpx;
-  margin-left: 20rpx;
+  width: 32rpx;
+  height: 32rpx;
+  margin-left: 16rpx;
 }
 
 .item-button {
   display: flex;
-  height: 80rpx;
-  padding: 0 60rpx;
-  background-color: #1890FF;
+  height: 64rpx;
+  min-width: 120rpx;
+  padding: 0 32rpx;
+  background: linear-gradient(135deg, #1890FF, #096DD9);
   color: white;
   border: none;
-  border-radius: 20rpx;
-  font-size: 30rpx;
+  border-radius: 32rpx;
+  font-size: 28rpx;
+  font-weight: 500;
   align-items: center;
   justify-content: center;
+  box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.2);
+  transition: all 0.3s ease;
+  margin-left: auto;
 }
+
 .item-button:active {
-  background-color: #7c7c7c; /* Change to a darker color when pressed */
+  transform: scale(0.95);
+  box-shadow: 0 2rpx 6rpx rgba(24, 144, 255, 0.2);
 }
+
 .indicator {
   width: 100%;
   height: 3px;
@@ -138,7 +188,6 @@
   padding-bottom: 10rpx; /* 澧炲姞搴曢儴濉厖 */
 }
 
-
 .error-dialog{
   --td-dialog-title-color:red;
   --td-dialog-title-font-size:45rpx;
@@ -158,24 +207,6 @@
 .result-item {
   padding: 20rpx;
   border-bottom: 1px solid #eaeaea;
-}
-
-.item-img-left {
-  width: 40rpx;
-  /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
-  height: 40rpx;
-  /* 鏍规嵁闇�瑕佽皟鏁村浘鏍囧ぇ灏� */
-
-}
-
-.item-img {
-  width: 40rpx;
-  height: 40rpx;
-  margin-left: 20rpx;
-}
-.water-intake-name {
-  font-size: 50rpx !important;
-  margin-left: 15rpx;
 }
 
 .item-balance-img {
@@ -209,24 +240,6 @@
     color: #FF6A6A;
     font-size: 50rpx;
     margin-left: 5rpx;
-  }
-  
-  .item-button {
-    margin-left: auto;
-    /* 灏嗘寜閽浐瀹氬湪鍙宠竟 */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    /* 浣挎寜閽唴閮ㄦ按骞冲拰鍨傜洿灞呬腑 */
-    background-color: #32CD32;
-    color: white;
-    padding-left: 40rpx;
-    padding-right: 40rpx;
-    padding-bottom: 10rpx;
-    padding-top: 10rpx;
-    border-radius: 30rpx;
-    font-size: 35rpx;
-    border: none;
   }
   
   .item-button-gray {
@@ -265,14 +278,6 @@
     display: flex;
     align-items: flex-end;
     /* 搴曢儴瀵归綈 */
-  }
-  
-  .list-container {
-    display: flex;
-    flex-grow: 1; /* 鍗犳弧鍓╀綑楂樺害 */
-    padding-bottom: 30rpx;
-    height: 100%;
-    flex-direction: column; /* 纭繚鍐呴儴鍏冪礌鎸夊垪鎺掑垪 */
   }
   
   .dialog {
@@ -422,15 +427,6 @@
     font-size: 30rpx;
   }
 
-  .item {
-    background-color: #1890FF;
-    margin-top: 20rpx;
-    margin-left: 20rpx;
-    margin-right: 20rpx;
-    padding: 30rpx;
-    border-radius: 30rpx;
-  }
-  
   .item-gray {
     background-color: #D3D3D3;
     margin-top: 20rpx;

--
Gitblit v1.8.0