From 73bea92544bdd514f5d4cb1da72697dcdeaa3c60 Mon Sep 17 00:00:00 2001
From: zhugongping <lanhui.zgp@raycloud.com>
Date: Sun, 6 Sep 2026 15:29:06 +0800
Subject: [PATCH] =?UTF-8?q?20260905:=E5=BE=AE=E4=BF=A1=E5=B0=8F=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F-=E8=93=9D=E7=89=99=E9=87=87=E9=9B=86=E7=BD=91?=
 =?UTF-8?q?=E5=85=B3-=E8=AE=BE=E5=A4=87=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E5=B8=83=E5=B1=80=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/device/detail/detail.wxml           |  5 ++--
 .../pages/device/detail/detail.wxss           | 29 +++++++++++++++++--
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/yack-mini/miniprogram/pages/device/detail/detail.wxml b/yack-mini/miniprogram/pages/device/detail/detail.wxml
index 6ee7c79b..1c4c7357 100644
--- a/yack-mini/miniprogram/pages/device/detail/detail.wxml
+++ b/yack-mini/miniprogram/pages/device/detail/detail.wxml
@@ -77,9 +77,8 @@
       </view>
     </view>
 
-    <view class="empty" wx:else>
-      <text class="empty-text">暂无数据</text>
-      <text class="empty-hint">{{enabled ? '等待设备上报数据…' : '启用网关采集后，设备数据将在此实时显示'}}</text>
+    <view class="empty-compact" wx:else>
+      <text class="empty-text">{{enabled ? '等待设备上报数据…' : '启用网关采集后可查看实时数据'}}</text>
     </view>
   </view>
 
diff --git a/yack-mini/miniprogram/pages/device/detail/detail.wxss b/yack-mini/miniprogram/pages/device/detail/detail.wxss
index ab08bfaf..5ea4e128 100644
--- a/yack-mini/miniprogram/pages/device/detail/detail.wxss
+++ b/yack-mini/miniprogram/pages/device/detail/detail.wxss
@@ -1,6 +1,16 @@
 /* 设备详情页样式 */
+.container {
+  padding-bottom: 180rpx; /* 为底部操作按钮留出空间 */
+}
+
+.card {
+  background-color: #fff;
+  border-radius: 8rpx;
+  padding: 20rpx;
+}
+
 .device-info {
-  margin-bottom: 20rpx;
+  margin-bottom: 16rpx;
 }
 
 .info-row {
@@ -8,7 +18,7 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  padding: 16rpx 0;
+  padding: 12rpx 0;
   border-bottom: 1rpx solid #f5f5f5;
 }
 
@@ -27,7 +37,7 @@
 }
 
 .data-section {
-  margin-bottom: 20rpx;
+  margin-bottom: 16rpx;
 }
 
 .section-header {
@@ -95,6 +105,19 @@
   color: #bbb;
 }
 
+/* 空状态 - 紧凑版 */
+.empty-compact {
+  text-align: center;
+  padding: 32rpx 24rpx;
+  background-color: #f5f5f5;
+  border-radius: 8rpx;
+}
+
+.empty-compact .empty-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
 .empty-hint {
   font-size: 24rpx;
   color: #bbb;