From 90612989855f6849fd94b0665168c3bb7619ff32 Mon Sep 17 00:00:00 2001
From: zuoxiao <zuoxiao>
Date: 星期一, 07 四月 2025 18:08:01 +0800
Subject: [PATCH] 更新项目配置，添加多个项目的专有设置，包括登录需求和统一ID；优化用户数据获取逻辑，确保根据项目需求进行登录状态检查；调整界面显示项目名称和提示信息，增强用户体验。
---
pages/groupDetail/groupDetail.wxss | 199 +++++++++++++++++++++++++++++++------------------
1 files changed, 124 insertions(+), 75 deletions(-)
diff --git a/pages/groupDetail/groupDetail.wxss b/pages/groupDetail/groupDetail.wxss
index c27f91f..b614d46 100644
--- a/pages/groupDetail/groupDetail.wxss
+++ b/pages/groupDetail/groupDetail.wxss
@@ -1,15 +1,16 @@
.group-detail-container {
display: flex;
flex-direction: column;
- min-height: 100vh;
- background-color: #f5f5f5;
+ height: 100vh;
+ background-color: #F5F5F5;
}
/* 椤甸潰鏍囬鏍峰紡 */
.page-header {
- background-color: #1890FF;
+ background-color: #FFFFFF;
padding: 30rpx;
- color: #fff;
+ box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+ margin-bottom: 20rpx;
}
.header-content {
@@ -23,43 +24,141 @@
}
.project-name {
- font-size: 24rpx;
- opacity: 0.8;
+ font-size: 28rpx;
+ color: #666666;
margin-bottom: 10rpx;
}
.group-name {
- font-size: 32rpx;
- font-weight: 500;
+ font-size: 36rpx;
+ font-weight: bold;
+ color: #333333;
}
-/* 闃�鎺у櫒鍒楄〃瀹瑰櫒 */
+/* 鍙栨按鍙ｅ垪琛ㄥ鍣� */
.valve-list-container {
flex: 1;
- padding: 30rpx;
+ padding: 0 30rpx;
+ overflow: hidden;
}
-.section-title {
- font-size: 28rpx;
- color: #333;
- font-weight: 500;
+/* 鍙栨按鍙ｅ垪琛� */
+.valve-list {
+ height: 100%;
+}
+
+/* 鍙栨按鍙ｉ」鐩� */
+.valve-item {
+ background-color: #FFFFFF;
+ border-radius: 12rpx;
+ padding: 30rpx;
margin-bottom: 20rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.valve-info {
+ flex: 1;
+}
+
+.valve-name {
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #333333;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
+.valve-status-container {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+}
+
+.valve-status {
+ padding: 8rpx 20rpx;
+ border-radius: 30rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ margin-bottom: 10rpx;
+}
+
+.valve-status.online {
+ background-color: rgba(82, 196, 26, 0.1);
+ color: #52C41A;
+}
+
+.valve-status.offline {
+ background-color: rgba(245, 34, 45, 0.1);
+ color: #F5222D;
+}
+
+/* 鍐呰仈鐘舵�佹牱寮� */
+.valve-status-inline {
+ font-size: 24rpx;
+ font-weight: 500;
+ padding: 4rpx 12rpx;
+ border-radius: 20rpx;
+ margin-left: 12rpx;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ height: 32rpx;
+ line-height: 1;
+}
+
+.valve-status-inline.online {
+ background-color: rgba(82, 196, 26, 0.1);
+ color: #52C41A;
+}
+
+.valve-status-inline.offline {
+ background-color: rgba(245, 34, 45, 0.1);
+ color: #F5222D;
+}
+
+/* 鍛戒护鐘舵�佹牱寮� */
+.command-status {
+ padding: 8rpx 20rpx;
+ border-radius: 30rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ text-align: center;
+ min-width: 160rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 40rpx;
+ line-height: 1;
+}
+
+.command-status.sent {
+ background-color: rgba(82, 196, 26, 0.1);
+ color: #52C41A;
+}
+
+.command-status.unsent {
+ background-color: rgba(250, 173, 20, 0.1);
+ color: #FAAD14;
}
/* 鍔犺浇涓牱寮� */
.loading-container {
display: flex;
flex-direction: column;
- align-items: center;
justify-content: center;
- padding: 60rpx 0;
+ align-items: center;
+ height: 300rpx;
}
.loading-icon {
- width: 60rpx;
- height: 60rpx;
- border: 4rpx solid #f3f3f3;
- border-top: 4rpx solid #1890FF;
+ width: 80rpx;
+ height: 80rpx;
+ border: 6rpx solid #f3f3f3;
+ border-top: 6rpx solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 20rpx;
@@ -71,67 +170,17 @@
}
.loading-text {
- font-size: 26rpx;
- color: #999;
-}
-
-/* 闃�鎺у櫒鍒楄〃鏍峰紡 */
-.valve-list {
- display: flex;
- flex-direction: column;
-}
-
-.valve-item {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 30rpx;
- background-color: #fff;
- margin-bottom: 20rpx;
- border-radius: 8rpx;
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
-}
-
-.valve-info {
- display: flex;
- flex-direction: column;
-}
-
-.valve-name {
font-size: 28rpx;
- color: #333;
- margin-bottom: 10rpx;
- font-weight: 500;
-}
-
-.valve-location {
- font-size: 24rpx;
- color: #999;
-}
-
-.valve-status {
- padding: 8rpx 20rpx;
- border-radius: 30rpx;
- font-size: 24rpx;
-}
-
-.valve-status.online {
- background-color: #e6f7ff;
- color: #1890FF;
-}
-
-.valve-status.offline {
- background-color: #fff1f0;
- color: #f5222d;
+ color: #666666;
}
/* 绌虹姸鎬佹牱寮� */
.empty-state {
display: flex;
flex-direction: column;
- align-items: center;
justify-content: center;
- padding: 100rpx 0;
+ align-items: center;
+ height: 400rpx;
}
.empty-icon {
@@ -141,8 +190,8 @@
}
.empty-text {
- font-size: 26rpx;
- color: #999;
+ font-size: 28rpx;
+ color: #999999;
}
/* 搴曢儴鎸夐挳鏍峰紡 */
--
Gitblit v1.8.0