feat(mp): 首页设备状态卡片组件 — 血压计/血糖仪快捷入口

2026-04-28 19:42:24 +08:00
parent 00f615d8e5
commit 601b2d7f52
3 changed files with 109 additions and 5 deletions
--- a/apps/miniprogram/src/components/DeviceCard/index.scss
+++ b/apps/miniprogram/src/components/DeviceCard/index.scss
@@ -0,0 +1,51 @@
+@import '../../styles/variables.scss';
+
+.device-card {
+  display: flex;
+  align-items: center;
+  padding: 24rpx;
+  background: $card;
+  border-radius: $r;
+  margin-bottom: 16rpx;
+  box-shadow: $shadow-sm;
+
+  .device-icon {
+    font-size: 48rpx;
+    margin-right: 20rpx;
+  }
+
+  .device-info {
+    flex: 1;
+
+    .device-name {
+      font-size: 28rpx;
+      font-weight: 600;
+      color: $tx;
+      display: block;
+    }
+
+    .device-status {
+      font-size: 24rpx;
+      margin-top: 4rpx;
+      display: block;
+
+      &.connected { color: $pri; }
+      &.idle { color: $tx3; }
+    }
+
+    .last-sync {
+      font-size: 22rpx;
+      color: $tx3;
+      margin-top: 4rpx;
+      display: block;
+    }
+  }
+
+  .sync-btn {
+    padding: 12rpx 28rpx;
+    background: $pri;
+    color: #fff;
+    border-radius: $r-pill;
+    font-size: 24rpx;
+  }
+}