商品以及商品详情

2026-07-06 11:32:58 +08:00
parent 97e7a6083c
commit c25cf0e8b3
32 changed files with 3585 additions and 45 deletions
@@ -0,0 +1,109 @@
+/* ========================================
+   发布文章页
+   ======================================== */
+
+.publish-page {
+  min-height: 100vh;
+  background: #f7f8fa;
+  display: flex;
+  flex-direction: column;
+}
+
+/* ========== 导航栏（复用 article 页样式） ========== */
+.publish-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  background: rgba(255, 255, 255, 0.9);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+
+  .nav-content {
+    height: 44px;
+    display: flex;
+    align-items: center;
+    padding: 0 24px;
+    position: relative;
+
+    .nav-back {
+      width: 60px;
+      height: 60px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: -10px;
+    }
+
+    .nav-title {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      font-size: 32px;
+      font-weight: 500;
+      color: #1a1a1a;
+    }
+
+    .nav-placeholder {
+      width: 50px;
+      flex-shrink: 0;
+    }
+  }
+}
+
+/* ========== 滚动区域 ========== */
+.publish-scroll {
+  flex: 1;
+}
+
+/* ========== 表单卡片 ========== */
+.form-card {
+  background: #fff;
+  border-radius: 16px;
+  margin: 16px 24px;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+
+  .card-title {
+    display: block;
+    font-size: 28px;
+    font-weight: 500;
+    color: #323233;
+    padding: 24px 24px 0;
+    margin-bottom: 8px;
+  }
+}
+
+/* ========== 图片上传区域 ========== */
+.upload-section {
+  padding: 16px 24px 24px;
+
+  .upload-label {
+    display: block;
+    font-size: 26px;
+    color: #969799;
+    margin-bottom: 12px;
+  }
+}
+
+/* ========== 底部提交栏 ========== */
+.bottom-submit-bar {
+  padding: 16px 24px;
+  background: #fff;
+  border-top: 1px solid #f2f3f5;
+
+  .submit-btn {
+    :global(.van-button) {
+      height: 88px;
+      font-size: 32px;
+      font-weight: 500;
+    }
+  }
+}
+
+/* ========== 底部安全区占位 ========== */
+.scroll-bottom-safe {
+  height: 160px;
+}