From 8b036c9702908597505a37cff6baba238a49683a Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期四, 24 四月 2025 13:42:56 +0800
Subject: [PATCH] 更新灌溉时间设置弹窗样式，优化信息展示；调整多个页面的字体大小以提升视觉一致性和用户体验。
---
pages/irrigation/irrigation.wxss | 8 +-
pages/createIrrigation/createIrrigation.wxml | 19 +++++
pages/irrigationDetail/irrigationDetail.wxss | 56 ++++++++++++------
pages/createIrrigation/createIrrigation.wxss | 56 +++++++++++++++++-
4 files changed, 111 insertions(+), 28 deletions(-)
diff --git a/pages/createIrrigation/createIrrigation.wxml b/pages/createIrrigation/createIrrigation.wxml
index 5963560..6ef6565 100644
--- a/pages/createIrrigation/createIrrigation.wxml
+++ b/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">
diff --git a/pages/createIrrigation/createIrrigation.wxss b/pages/createIrrigation/createIrrigation.wxss
index 3ea92a9..bcc0761 100644
--- a/pages/createIrrigation/createIrrigation.wxss
+++ b/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;
}
\ No newline at end of file
diff --git a/pages/irrigation/irrigation.wxss b/pages/irrigation/irrigation.wxss
index 51a20dc..946dcd9 100644
--- a/pages/irrigation/irrigation.wxss
+++ b/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;
}
diff --git a/pages/irrigationDetail/irrigationDetail.wxss b/pages/irrigationDetail/irrigationDetail.wxss
index 49b79e4..43d7214 100644
--- a/pages/irrigationDetail/irrigationDetail.wxss
+++ b/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 {
--
Gitblit v1.8.0