更新SVG图标样式，优化灌溉计划和取水口页面逻辑，添加状态处理和信息提示功能；调整界面样式，提升用户体验。

zuoxiao

2025-04-09 50433e86b718fab0d94ea1410724b29b5f53fa0a

 pages/home/home.wxss

@@ -189,17 +189,14 @@
}

.bottom-title-text {
  position: absolute;
  /* 绝对定位 */
  left: 50%;
  /* 移动到容器的中间 */
  transform: translateX(-50%);
  /* 通过平移自身宽度的一半来实现真正的居中 */
  font-size: 16px;
    margin-right: 10rpx;
    /* 给文本和图标之间添加一些间距 */
    font-size: 35rpx;
  /* 字体大小 */
  color: #333;
  /* 字体颜色 */
}
  

.refresh-button {
  margin-left: auto;
@@ -222,9 +219,12 @@
  justify-content: center;
  padding-bottom: 15rpx;
}

.refresh-button:active{
  background-color: #7c7c7c; /* Change to a darker color when pressed */
    background-color: #7c7c7c;
    /* Change to a darker color when pressed */
}

.refresh-view {
  text-align: center;
  padding: 30rpx;
@@ -317,7 +317,8 @@
}

.item-button:active {
  background-color: #7c7c7c; /* Change to a darker color when pressed */
    background-color: #7c7c7c;
    /* Change to a darker color when pressed */
}

.divider {
@@ -602,3 +603,34 @@
  background-color: #cccccc;
  color: #ffffff;
}

.info-img {
    width: 50rpx;
    height: 50rpx;
}

.title-center {
    position: absolute;
    /* 绝对定位 */
    left: 50%;
    /* 移动到容器的中间 */
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    /* 使子元素在主轴上均匀分布 */
    align-items: center;
    /* 垂直居中对齐 */
}
.content-container {
    white-space: pre-line;
    word-wrap: break-word;
    /* 防止长单词无法换行 */
  }
  
  .long-content {
    height: 450rpx;
    margin-top: 16rpx;
    font-size: 32rpx;
    color: #888;
  }