管灌系统农户端微信小程序(嘉峪关应用)
更新灌溉时间设置弹窗样式,优化信息展示;调整多个页面的字体大小以提升视觉一致性和用户体验。
4个文件已修改
139 ■■■■ 已修改文件
pages/createIrrigation/createIrrigation.wxml 19 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/createIrrigation/createIrrigation.wxss 56 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/irrigation/irrigation.wxss 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/irrigationDetail/irrigationDetail.wxss 56 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/createIrrigation/createIrrigation.wxml
@@ -28,11 +28,26 @@
  <t-dialog
    visible="{{timeInfoVisible}}"
    title="时间设置说明"
    content="• 设置两小时后的灌溉时间:\n在此处选择具体的开始时间\n\n• 设置两小时内的灌溉时间:\n创建完成后点击发布即可立即开始灌溉"
    confirmBtn="我知道了"
    bind:confirm="onTimeInfoConfirm"
    bind:cancel="onTimeInfoConfirm"
  />
  >
    <view slot="content" class="time-info-content">
      <view class="time-info-item">
        <view class="info-text-container">
          <view class="info-title">设置八小时后的灌溉时间</view>
          <view class="info-desc">在此处选择具体的开始时间</view>
        </view>
      </view>
      <view class="divider"></view>
      <view class="time-info-item">
        <view class="info-text-container">
          <view class="info-title">设置八小时内的灌溉时间</view>
          <view class="info-desc">创建完成后点击发布即可立即开始灌溉</view>
        </view>
      </view>
    </view>
  </t-dialog>
  <!-- 选择项目 -->
  <view class="form-item" bindtap="showProjectPicker">
pages/createIrrigation/createIrrigation.wxss
@@ -61,7 +61,7 @@
.form-label {
  display: flex;
  align-items: center;
  font-size: 28rpx;
  font-size: 29rpx;
  color: #333;
  margin-bottom: 16rpx;
}
@@ -260,13 +260,13 @@
.group-index {
  color: #1890FF;
  margin-right: 8rpx;
  font-size: 26rpx;
  font-size: 28rpx;
}
.group-name {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  font-size: 29rpx;
  color: #666;
  position: relative;
  padding: 4rpx 20rpx;
@@ -281,7 +281,7 @@
.group-intake-count {
  color: #999;
  font-size: 24rpx;
  font-size: 26rpx;
}
.group-hint {
@@ -472,4 +472,52 @@
  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;
pages/irrigation/irrigation.wxss
@@ -22,7 +22,7 @@
.tab {
  flex: 1;
  text-align: center;
  font-size: 28rpx;
  font-size: 29rpx;
  color: #666;
  position: relative;
  padding: 20rpx 0;
@@ -119,7 +119,7 @@
}
.project-name {
  font-size: 26rpx;
  font-size: 28rpx;
  color: #666;
}
@@ -183,13 +183,13 @@
}
.info-label {
  font-size: 24rpx;
  font-size: 26rpx;
  color: #999;
  margin-bottom: 4rpx;
}
.info-value {
  font-size: 28rpx;
  font-size: 29rpx;
  color: #333;
}
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,23 @@
  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;
}
/* 实际中止时间高亮样式 */
@@ -93,6 +105,7 @@
  background-color: rgba(244, 67, 54, 0.1);
  padding: 4rpx 12rpx;
  border-radius: 4rpx;
  font-size: 30rpx;
}
/* 命令发布失败数样式 */
@@ -103,6 +116,7 @@
  padding: 4rpx 12rpx;
  border-radius: 4rpx;
  display: inline-block;
  font-size: 30rpx;
}
/* 项目列表样式 */
@@ -163,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;
}
@@ -227,7 +241,7 @@
}
.status-text {
  font-size: 26rpx;
  font-size: 28rpx;
  color: #666;
  flex-shrink: 0;
}
@@ -283,26 +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: 32rpx;
  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 {
@@ -318,14 +338,14 @@
.time-label {
  color: #666;
  font-size: 26rpx;
  width: 140rpx;
  font-size: 31rpx;
  width: 160rpx;
  flex-shrink: 0;
}
.time-value {
  color: #333;
  font-size: 26rpx;
  font-size: 28rpx;
}
/* 取水口信息样式 */
@@ -336,7 +356,7 @@
}
.intake-header {
  font-size: 28rpx;
  font-size: 30rpx;
  color: #333;
  font-weight: 500;
  margin-bottom: 12rpx;
@@ -365,7 +385,7 @@
.intake-name {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  font-size: 28rpx;
  color: #333;
}
@@ -386,14 +406,14 @@
.intake-result {
  margin-top: 6rpx;
  font-size: 24rpx;
  font-size: 26rpx;
  color: #F44336;
  padding-left: 20rpx;
}
.failure-count {
  margin-top: 10rpx;
  font-size: 28rpx;
  font-size: 30rpx;
}
.failure-count .label {