优化项目配置，重构项目URL管理逻辑，改为使用动态配置；更新灌溉组详情页面，添加详细信息展示和请求逻辑，提升用户体验；更新首页项目选择器，支持动态项目...

zuoxiao

8 天以前 61e89d748cc7f5456c20866e672a4bde153534f1

 pages/irrigation/irrigation.wxss

@@ -39,7 +39,7 @@
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40rpx;
  width: 50rpx;
  height: 4rpx;
  background-color: #0052d9;
  border-radius: 2rpx;
@@ -81,19 +81,24 @@
}

.status-tag.draft {
  background-color: #ff9d00;
  background-color: #9E9E9E;
}

.status-tag.published {
  background-color: #0052d9;
  background-color: #90CAF9;
}

.status-tag.executing {
  background-color: #00a870;
  background-color: #2196F3;
}

.status-tag.completed {
  background-color: #999;
  background-color: #4CAF50;
}

.status-tag.terminated {
  background-color: #F44336;
  color: #ffffff;
}

/* 内容区域样式 */
@@ -252,6 +257,10 @@
  background-color: #1890FF !important;
}

.delete-button {
  background-color: #ff4d4f !important;
}

.stop-button {
  background-color: #ff4d4f !important;
}
@@ -314,6 +323,10 @@
  opacity: 0.8 !important;
}

.delete-button-hover {
  opacity: 0.8 !important;
}

.stop-button-hover {
  opacity: 0.8 !important;
}
@@ -324,4 +337,91 @@

.add-button-hover {
  opacity: 0.8;
}

/* 加载更多样式 */
.loading-more-container {
  padding: 20rpx 0;
  text-align: center;
}

.loading-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rpx 0;
}

.loading-dot {
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  background-color: #0052d9;
  margin: 0 8rpx;
  animation: loading 1.4s infinite ease-in-out both;
}

.loading-dot:nth-child(1) {
  animation-delay: -0.32s;
}

.loading-dot:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes loading {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.loading-more text {
  margin-left: 12rpx;
  font-size: 28rpx;
  color: #999;
}

.no-more-data {
  color: #999;
  font-size: 26rpx;
  line-height: 80rpx;
}

/* 刷新动画样式 */
.refresh-view {
  text-align: center;
  height: 80rpx;
  line-height: 80rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.refresh-view .dot {
  width: 16rpx;
  height: 16rpx;
  background-color: #0052d9;
  border-radius: 50%;
  margin: 0 8rpx;
  animation: refresh 1.4s infinite ease-in-out both;
}

.refresh-view .dot:nth-child(1) {
  animation-delay: -0.32s;
}

.refresh-view .dot:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes refresh {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}