20260905:微信小程序-蓝牙采集网关-设备详情页面样式布局优化

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>
 

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;