From 6ae0924bdb44e8b1f569b6f1cdb6ff403e1d2ce3 Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期一, 28 四月 2025 10:15:33 +0800 Subject: [PATCH] 优化首页和灌溉页面的样式,添加当前项目显示;重构项目配置,确保项目登录需求一致性;更新登录页面逻辑,简化项目选择和信息展示,提升用户体验。 --- pages/createIrrigation/createIrrigation.wxss | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 166 insertions(+), 7 deletions(-) diff --git a/pages/createIrrigation/createIrrigation.wxss b/pages/createIrrigation/createIrrigation.wxss index 3872378..bcc0761 100644 --- a/pages/createIrrigation/createIrrigation.wxss +++ b/pages/createIrrigation/createIrrigation.wxss @@ -8,6 +8,44 @@ box-sizing: border-box; } +/* 閫夋嫨鍣ㄥ鍣ㄦ牱寮� */ +.picker-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 9999; + pointer-events: none; +} + +/* 钂欏眰鏍峰紡 */ +.picker-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + pointer-events: auto; +} + +.picker-container .t-date-time-picker, +.picker-container .t-picker { + pointer-events: auto; +} + +/* 褰撻�夋嫨鍣ㄦ樉绀烘椂 */ +.t-date-time-picker[visible], +.t-picker[visible] { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + border-radius: 24rpx 24rpx 0 0; +} + /* 琛ㄥ崟椤规牱寮� */ .form-item { display: flex; @@ -21,11 +59,17 @@ } .form-label { - font-size: 28rpx; + display: flex; + align-items: center; + font-size: 29rpx; color: #333; - font-weight: 500; - width: 200rpx; /* 鍥哄畾鏍囩瀹藉害 */ - flex-shrink: 0; /* 闃叉鏍囩瀹藉害琚帇缂� */ + margin-bottom: 16rpx; +} + +.info-icon { + width: 32rpx; + height: 32rpx; + margin-left: 8rpx; } .form-input { @@ -213,14 +257,31 @@ flex-wrap: wrap; } +.group-index { + color: #1890FF; + margin-right: 8rpx; + font-size: 28rpx; +} + .group-name { - font-size: 26rpx; + display: flex; + align-items: center; + font-size: 29rpx; color: #666; position: relative; - padding-left: 10rpx; - background-color: rgba(24, 144, 255, 0.1); padding: 4rpx 20rpx; + background-color: rgba(24, 144, 255, 0.1); border-radius: 10rpx; +} + +.group-name-text { + color: #333; + margin-right: 8rpx; +} + +.group-intake-count { + color: #999; + font-size: 26rpx; } .group-hint { @@ -361,4 +422,102 @@ font-size: 32rpx; color: #1890FF; font-weight: 500; +} + +.empty-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 40rpx 0; +} + +.empty-image { + width: 200rpx; + height: 200rpx; + margin-bottom: 20rpx; +} + +.empty-text { + color: #999; + font-size: 30rpx; +} + +.empty-tip { + font-size: 28rpx; + color: #999; +} + +.dialog-content { + padding: 20rpx 0; +} + +.dialog-section { + margin-bottom: 24rpx; +} + +.dialog-section:last-child { + margin-bottom: 0; +} + +.dialog-title { + font-size: 28rpx; + color: #333; + font-weight: 500; + margin-bottom: 8rpx; +} + +.dialog-desc { + font-size: 26rpx; + 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 -- Gitblit v1.8.0