发布页开发

2025-08-17 22:58:00 +08:00
parent 68a6558776
commit 2b3caf027b
76 changed files with 6173 additions and 1610 deletions
--- a/src/components/TimeSelector/TimeSelector.scss
+++ b/src/components/TimeSelector/TimeSelector.scss
@@ -0,0 +1,73 @@
+@use '~@/scss/themeColor.scss' as theme;
+.time-selector {
+  // 区域标题 - 灰色背景
+  width: 100%;
+  // 时间区域 - 合并的白色块
+  .time-section {
+    background: white;
+    border-radius: 16px;
+    width: 100%;
+    .time-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 44px;
+      padding-left: 12px;
+      &:last-child {
+        margin-bottom: 0;
+        .time-content {
+          border-bottom: none;
+        }
+      }
+
+      .time-label {
+        display: flex;
+        align-items: center;
+        padding: 0 3px;
+        font-size: 14px;
+        color: theme.$primary-color;
+        .dot {
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          background: theme.$primary-color;
+          border: 1.5px solid theme.$primary-color;
+          margin-right: 12px;
+          &.hollow {
+            background: transparent;
+            width: 8px;
+            height: 8px;
+          }
+        }
+      }
+
+      .time-content {
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid  rgba(0, 0, 0, 0.06);
+        line-height: 44px;
+        justify-content: space-between;
+        flex: 1;
+        padding-right: 12px;
+        .time-text-wrapper {
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          gap: 4px;
+        }
+        .time-text {
+          font-size: 13px;
+          color: theme.$primary-color;
+          padding: 0 12px;
+          background: theme.$primary-shallow-bg;
+          height: 28px;
+          line-height: 28px;
+          border-radius: 14px;
+          &.time-am {
+            font-weight: 600;
+          }
+        }
+      }
+    }
+  }
+}