新增小程序后端代码，包括数据库、路由、服务层等。

小程序前后端打通，包括登录、注册、绑定设备、查询绑定信息，修改小朋友名称等功能。
2026-04-13 01:54:57 +08:00
parent 33715373b0
commit a22fcafea9
46 changed files with 3713 additions and 268 deletions
--- a/banban-mini/src/pages/sleep/index.scss
+++ b/banban-mini/src/pages/sleep/index.scss
@@ -160,3 +160,150 @@
    color: #999999;
  }
 }
+
+.add-input-box {
+  background: #FFFFFF;
+  border-radius: 20px;
+  margin: 0 24px 24px;
+  padding: 24px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+
+  .input-row {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .input-wrapper {
+    .name-input {
+      background: #F5F7FA;
+      border-radius: 12px;
+      padding: 20px 24px;
+      font-size: 30px;
+      width: 100%;
+      box-sizing: border-box;
+    }
+
+    .input-hint {
+      font-size: 24px;
+      color: #999999;
+      margin-top: 12px;
+      display: block;
+    }
+  }
+
+  .input-btns {
+    display: flex;
+    justify-content: flex-end;
+    gap: 24px;
+
+    .confirm-btn {
+      font-size: 30px;
+      color: #FF8C42;
+      font-weight: 500;
+    }
+
+    .cancel-btn {
+      font-size: 30px;
+      color: #999999;
+    }
+  }
+}
+
+.menu-item.disabled {
+  opacity: 0.5;
+
+  &:active {
+    background: transparent;
+  }
+}
+
+.logout-section {
+  margin: 24px;
+}
+
+.logout-btn {
+  background: #FFFFFF;
+  border-radius: 20px;
+  padding: 26px 24px;
+  text-align: center;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+
+  .logout-text {
+    font-size: 30px;
+    color: #FF3B30;
+    font-weight: 500;
+  }
+}
+
+.modal-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background: #FFFFFF;
+  border-radius: 20px;
+  width: 600px;
+  margin: 0 48px;
+  overflow: hidden;
+}
+
+.modal-header {
+  padding: 32px 32px 16px;
+  text-align: center;
+
+  .modal-title {
+    font-size: 34px;
+    font-weight: 600;
+    color: #1A1A1A;
+  }
+}
+
+.modal-body {
+  padding: 16px 32px 32px;
+  display: flex;
+  align-items: center;
+
+  .modal-input {
+    background: #F5F7FA;
+    border-radius: 12px;
+    padding: 0 24px;
+    font-size: 34px;
+    width: 100%;
+    height: 96px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+  }
+}
+
+.modal-footer {
+  display: flex;
+  border-top: 1px solid #F0F0F0;
+
+  .modal-btn {
+    flex: 1;
+    text-align: center;
+    padding: 24px 0;
+    font-size: 32px;
+
+    &.cancel {
+      color: #666666;
+      border-right: 1px solid #F0F0F0;
+    }
+
+    &.confirm {
+      color: #FF8C42;
+      font-weight: 500;
+    }
+  }
+}