first commit

2026-07-13 14:44:13 +08:00
commit dcd32e9d4d
40 changed files with 12918 additions and 0 deletions
@@ -0,0 +1,153 @@
+.index {
+  position: relative;
+  min-height: 100vh;
+  overflow: hidden;
+
+  // 背景图层
+  .bg-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 0;
+  }
+
+  // 内容层
+  .index-content {
+    position: relative;
+    z-index: 1;
+  }
+
+  // ========== 1. 搜索栏 ==========
+  .search-wrapper {
+    padding: 24px 32px 16px;
+
+    .van-search {
+      padding: 0;
+      border-radius: 36px;
+      overflow: hidden;
+      box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
+    }
+
+    .van-search__content {
+      border-radius: 36px;
+    }
+  }
+
+  // ========== 2. 轮播图 ==========
+  .swiper-wrapper {
+    margin: 8px 32px 20px;
+    border-radius: 20px;
+    overflow: hidden;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+
+    .swiper-img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  // ========== 3. 宫格导航 ==========
+  .grid-wrapper {
+    margin: 16px 32px 20px;
+    background: rgb(255 255 255);
+    border-radius: 20px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+    padding-bottom: 24px;
+
+    .grid-title {
+      font-size: 32px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .van-grid-item__content {
+      padding-top: 24px;
+      padding-bottom: 0;
+    }
+
+    .van-icon--image {
+      width: 60px !important;
+      height: 60px !important;
+    }
+
+    .van-grid-item__text {
+      font-size: 22px;
+      color: #555;
+      margin-top: 8px;
+    }
+  }
+
+  // ========== 4. 底部推荐卡片 ==========
+  .bottom-section {
+    padding: 0 32px;
+
+    .section-card {
+      display: flex;
+      align-items: center;
+      background: rgba(255, 255, 255, 0.9);
+      border-radius: 18px;
+      padding: 24px 28px;
+      margin-bottom: 16px;
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+      transition: transform 0.2s ease;
+
+      &:active {
+        transform: scale(0.98);
+      }
+
+      .card-icon {
+        font-size: 48px;
+        width: 72px;
+        height: 72px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 18px;
+        margin-right: 20px;
+        flex-shrink: 0;
+      }
+
+      .card-info {
+        flex: 1;
+
+        .card-title {
+          font-size: 30px;
+          font-weight: 600;
+          color: #333;
+          margin-bottom: 6px;
+        }
+
+        .card-desc {
+          font-size: 24px;
+          color: #999;
+        }
+      }
+
+      .card-arrow {
+        font-size: 40px;
+        color: #ccc;
+        flex-shrink: 0;
+      }
+    }
+
+    // 每张卡片图标不同底色
+    .card-hot .card-icon {
+      background: #fff0ed;
+    }
+    .card-discount .card-icon {
+      background: #fff7e6;
+    }
+    .card-new .card-icon {
+      background: #e6f7ff;
+    }
+    .card-order .card-icon {
+      background: #f0edff;
+    }
+  }
+
+  // 底部留白
+  .bottom-spacer {
+    height: 60px;
+  }
+}