From 61e89d748cc7f5456c20866e672a4bde153534f1 Mon Sep 17 00:00:00 2001 From: zuoxiao <zuoxiao> Date: 星期一, 21 四月 2025 17:18:53 +0800 Subject: [PATCH] 优化项目配置,重构项目URL管理逻辑,改为使用动态配置;更新灌溉组详情页面,添加详细信息展示和请求逻辑,提升用户体验;更新首页项目选择器,支持动态项目列表展示。 --- pages/groupDetail/groupDetail.wxss | 55 ++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 48 insertions(+), 7 deletions(-) diff --git a/pages/groupDetail/groupDetail.wxss b/pages/groupDetail/groupDetail.wxss index b614d46..78bdfba 100644 --- a/pages/groupDetail/groupDetail.wxss +++ b/pages/groupDetail/groupDetail.wxss @@ -27,6 +27,13 @@ font-size: 28rpx; color: #666666; margin-bottom: 10rpx; + display: flex; + align-items: center; +} + +.project-label { + color: #999999; + margin-right: 8rpx; } .group-name { @@ -61,21 +68,51 @@ .valve-info { flex: 1; + margin-right: 20rpx; + overflow: hidden; } -.valve-name { +.valve-name-container { font-size: 32rpx; font-weight: 500; color: #333333; + margin-bottom: 12rpx; + width: 100%; + overflow: hidden; +} + +.name-text { + display: inline-block; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.valve-rtu-addr { + font-size: 24rpx; + color: #666666; display: flex; align-items: center; - flex-wrap: wrap; +} + +.rtu-label { + color: #999999; + white-space: nowrap; +} + +.rtu-value { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .valve-status-container { display: flex; flex-direction: column; align-items: flex-end; + justify-content: center; + min-width: 100rpx; } .valve-status { @@ -100,24 +137,28 @@ .valve-status-inline { font-size: 24rpx; font-weight: 500; - padding: 4rpx 12rpx; - border-radius: 20rpx; - margin-left: 12rpx; - display: inline-flex; + padding: 8rpx 20rpx; + border-radius: 30rpx; + display: flex; align-items: center; justify-content: center; - height: 32rpx; + height: 36rpx; line-height: 1; + min-width: 80rpx; + text-align: center; + white-space: nowrap; } .valve-status-inline.online { background-color: rgba(82, 196, 26, 0.1); color: #52C41A; + border: 1rpx solid rgba(82, 196, 26, 0.3); } .valve-status-inline.offline { background-color: rgba(245, 34, 45, 0.1); color: #F5222D; + border: 1rpx solid rgba(245, 34, 45, 0.3); } /* 鍛戒护鐘舵�佹牱寮� */ -- Gitblit v1.8.0