add banbanmini

2026-03-24 13:15:03 +08:00
parent 42567b7605
commit 0d0f995dc2
59 changed files with 26319 additions and 0 deletions
--- a/banban-mini/src/pages/sleep/index.scss
+++ b/banban-mini/src/pages/sleep/index.scss
@@ -0,0 +1,162 @@
+.manage-page {
+  min-height: 100%;
+  background: #F5F7FA;
+  padding-bottom: 120px;
+  padding-bottom: calc(120px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(120px + env(safe-area-inset-bottom));
+}
+
+.page-header {
+  padding: 80px 32px 24px;
+
+  .page-title {
+    font-size: 44px;
+    font-weight: 700;
+    color: #1A1A1A;
+    display: block;
+  }
+}
+
+.user-card {
+  background: #FFFFFF;
+  border-radius: 20px;
+  margin: 0 24px 24px;
+  padding: 28px 24px;
+  display: flex;
+  align-items: center;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+
+  .user-avatar {
+    width: 100px;
+    height: 100px;
+    background: #FEF3E8;
+    border-radius: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 22px;
+    flex-shrink: 0;
+
+    .avatar-img {
+      font-size: 52px;
+    }
+  }
+
+  .user-info {
+    flex: 1;
+
+    .user-name {
+      font-size: 34px;
+      font-weight: 600;
+      color: #1A1A1A;
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    .user-role {
+      font-size: 26px;
+      color: #666666;
+    }
+  }
+
+  .verified-badge {
+    background: #E8F8F0;
+    border-radius: 14px;
+    padding: 10px 16px;
+
+    text {
+      font-size: 24px;
+      color: #4CD964;
+      font-weight: 500;
+    }
+  }
+}
+
+.menu-card {
+  background: #FFFFFF;
+  border-radius: 20px;
+  margin: 0 24px 24px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+  overflow: hidden;
+}
+
+.menu-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 26px 24px;
+
+  &:active {
+    background: #F8F9FA;
+  }
+
+  .menu-left {
+    display: flex;
+    align-items: center;
+
+    .icon-bg {
+      width: 64px;
+      height: 64px;
+      border-radius: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 18px;
+
+      &.orange {
+        background: #FFF0E6;
+      }
+
+      &.green {
+        background: #E8F8F0;
+      }
+
+      &.red {
+        background: #FFE8E8;
+      }
+
+      .control-icon-img {
+        width: 36px;
+        height: 36px;
+      }
+    }
+
+    .menu-name {
+      font-size: 30px;
+      color: #1A1A1A;
+      font-weight: 500;
+    }
+  }
+
+  .menu-right {
+    display: flex;
+    align-items: center;
+
+    .menu-value {
+      font-size: 28px;
+      color: #999999;
+      margin-right: 10px;
+    }
+
+    .arrow {
+      font-size: 30px;
+      color: #CCCCCC;
+    }
+  }
+}
+
+.divider {
+  height: 1px;
+  background: #F0F0F0;
+  margin: 0 24px;
+}
+
+.version-info {
+  text-align: center;
+  padding: 48px 0;
+
+  .version-text {
+    font-size: 26px;
+    color: #999999;
+  }
+}