Sumuxi/fastbee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhugongping 2026-09-06 15:29:06 +08:00
parent 63d836dd05
commit 73bea92544
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
yack-mini/miniprogram/pages/device/detail/detail.wxml
View File

@ -77,9 +77,8 @@
</view> </view>
</view> </view>
<view class="empty" wx:else> <view class="empty-compact" wx:else>
<text class="empty-text">暂无数据</text> <text class="empty-text">{{enabled ? '等待设备上报数据…' : '启用网关采集后可查看实时数据'}}</text>
<text class="empty-hint">{{enabled ? '等待设备上报数据…' : '启用网关采集后，设备数据将在此实时显示'}}</text>
</view> </view>
</view> </view>

29
yack-mini/miniprogram/pages/device/detail/detail.wxss
View File

@ -1,6 +1,16 @@
/* 设备详情页样式 */ /* 设备详情页样式 */
.container {
padding-bottom: 180rpx; /* 为底部操作按钮留出空间 */
}
.card {
background-color: #fff;
border-radius: 8rpx;
padding: 20rpx;
}
.device-info { .device-info {
margin-bottom: 20rpx; margin-bottom: 16rpx;
} }
.info-row { .info-row {
@ -8,7 +18,7 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 16rpx 0; padding: 12rpx 0;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
} }
@ -27,7 +37,7 @@
} }
.data-section { .data-section {
margin-bottom: 20rpx; margin-bottom: 16rpx;
} }
.section-header { .section-header {
@ -95,6 +105,19 @@
color: #bbb; 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 { .empty-hint {
font-size: 24rpx; font-size: 24rpx;
color: #bbb; color: #bbb;