From 5e349e2c1f183bd89c782ecdea4e86fa595d65af Mon Sep 17 00:00:00 2001
From: Default User <user@example.com>
Date: Sat, 17 Jan 2026 13:03:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=EF=BC=9A=E4=BB=85=E9=A6=96=E9=A1=B5=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=EF=BC=8C=E6=81=A2=E5=A4=8D=E5=85=B6=E4=BB=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.json               |  2 +-
 pages/index/index.js   | 62 +++++++++++++++++++++++++-----------------
 pages/index/index.json |  6 +++-
 pages/index/index.wxml | 57 ++++++++++++++++++++++++++------------
 pages/index/index.wxss | 61 +++++++++++++++++++++++++++++------------
 5 files changed, 126 insertions(+), 62 deletions(-)

diff --git a/app.json b/app.json
index 4cd5158..006db48 100644
--- a/app.json
+++ b/app.json
@@ -53,7 +53,7 @@
   ],
   "window": {
     "backgroundTextStyle": "light",
-    "navigationBarBackgroundColor": "#fff",
+    "navigationBarBackgroundColor": "#ffffff",
     "navigationBarTitleText": "又鸟蛋平台",
     "navigationBarTextStyle": "black"
   },
diff --git a/pages/index/index.js b/pages/index/index.js
index d1c65fc..89bb566 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -60,6 +60,25 @@ Page({
     testMode: true,
     partnerstatus: '',
     viewedGoods: [], // 已浏览商品ID列表
+    
+    // 广告轮播图数据
+    adCarouselList: [
+      {
+        id: 1,
+        imageUrl: '/images/招商图片.jpg',
+        link: ''
+      },
+      {
+        id: 2,
+        imageUrl: '/images/立即入驻导航图片.jpg',
+        link: ''
+      },
+      {
+        id: 3,
+        imageUrl: '/images/首页分享照片.jpg',
+        link: ''
+      }
+    ],
 
     // 侧边栏相关
     showSidebar: false,
@@ -1233,33 +1252,26 @@ Page({
 
   // 广告点击事件处理
   onAdClick: function (e) {
-    const adSlot = e.currentTarget.dataset.ad;
-    let imageSrc = e.currentTarget.dataset.src;
-
-    // 如果没有从data-src获取到，尝试从图片元素直接获取src
-    if (!imageSrc) {
-      imageSrc = e.currentTarget.src;
-    }
-
-    console.log('广告被点击, 广告位:', adSlot);
-    console.log('广告图片路径:', imageSrc);
-
-    // 直接预览广告图片（单击触发）
-    const validImageUrls = [imageSrc];
-
-    if (validImageUrls.length > 0 && validImageUrls[0]) {
-      this.setData({
-        previewImageUrls: validImageUrls,
-        previewImageIndex: 0,
-        showImagePreview: true
+    const ad = e.currentTarget.dataset.ad;
+    const index = e.currentTarget.dataset.index;
+    console.log('广告被点击:', ad, '索引:', index);
+    
+    // 如果广告有链接，跳转到链接
+    if (ad.link) {
+      wx.navigateTo({
+        url: ad.link
       });
-      console.log('广告图片预览已打开，图片URL:', validImageUrls[0]);
     } else {
-      console.error('无法获取广告图片路径');
-      wx.showToast({
-        title: '图片加载失败',
-        icon: 'none'
-      });
+      // 否则预览广告图片，支持左右切换
+      const { adCarouselList } = this.data;
+      const validImageUrls = adCarouselList.map(item => item.imageUrl).filter(url => url);
+      if (validImageUrls.length > 0) {
+        this.setData({
+          previewImageUrls: validImageUrls,
+          previewImageIndex: index,
+          showImagePreview: true
+        });
+      }
     }
   },
 
diff --git a/pages/index/index.json b/pages/index/index.json
index d0caaa6..c9a48ba 100644
--- a/pages/index/index.json
+++ b/pages/index/index.json
@@ -4,5 +4,9 @@
   },
   "enablePullDownRefresh": false,
   "backgroundTextStyle": "dark",
-  "backgroundColor": "#f8f8f8"
+  "backgroundColor": "#f8f8f8",
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTitleText": "",
+  "navigationBarTextStyle": "black",
+  "navigationStyle": "custom"
 }
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 6fbb427..bf29e90 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,8 +1,31 @@
 <view class="container">
   <!-- 顶部搜索区域容器 - 始终固定显示 -->
   <view class="top-section-container">
-    <!-- 标题 -->
-    <view class="title">专业的鸡蛋交易平台</view>
+    
+    <!-- 广告走马灯轮播图 -->
+    <view class="ad-carousel">
+      <swiper 
+        class="ad-swiper" 
+        indicator-dots="{{true}}" 
+        autoplay="{{true}}" 
+        interval="3000" 
+        duration="500"
+        circular="{{true}}"
+        indicator-color="rgba(255, 255, 255, 0.5)"
+        indicator-active-color="#ffffff"
+      >
+        <swiper-item wx:for="{{adCarouselList}}" wx:key="index">
+          <image 
+            class="ad-image" 
+            src="{{item.imageUrl}}" 
+            mode="aspectFill"
+            bindtap="onAdClick"
+            data-ad="{{item}}"
+            data-index="{{index}}"
+          />
+        </swiper-item>
+      </swiper>
+    </view>
     
     <!-- 搜索区域 -->
     <view class="search-section">
@@ -21,6 +44,21 @@
                 <view class="egg-inner" style="position: relative;" bindtap="openAdvancedFilter">筛选</view>
       </view>
     </view>
+    
+    <!-- 品种筛选区域 -->
+    <view class="category-section">
+      <view class="category-scroll">
+        <view 
+          wx:for="{{categories}}" 
+          wx:key="index"
+          class="egg-item {{selectedCategory === item ? 'active' : ''}}" 
+          bindtap="selectCategory" 
+          data-category="{{item}}"
+        >
+          <view class="egg-inner">{{item}}</view>
+        </view>
+      </view>
+    </view>
   </view>
   
   <!-- 地区选择器弹窗 -->
@@ -41,21 +79,6 @@
     </view>
   </view>
   
-  <!-- 品种筛选区域 -->
-  <view class="category-section">
-    <view class="category-scroll">
-      <view 
-        wx:for="{{categories}}" 
-        wx:key="index"
-        class="egg-item {{selectedCategory === item ? 'active' : ''}}" 
-        bindtap="selectCategory" 
-        data-category="{{item}}"
-      >
-        <view class="egg-inner">{{item}}</view>
-      </view>
-    </view>
-  </view>
-  
   <!-- 侧边栏按钮 -->
   <view 
     class="sidebar-btn {{sidebarBtnHidden ? 'hidden' : ''}}" 
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index 6b52e24..9ef5999 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -58,16 +58,42 @@ page {
   left: 0;
   right: 0;
   z-index: 1002;
-  background: rgba(255, 255, 255, 0.95);
-  backdrop-filter: blur(10rpx);
-  -webkit-backdrop-filter: blur(10rpx);
-  padding: 10rpx 0;
-  min-height: 120rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
-  border-bottom: 1rpx solid rgba(0, 0, 0, 0.05);
+  background: transparent;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  padding: 0 0 10rpx;
+  min-height: 480rpx;
+  box-shadow: none;
+  border-bottom: none;
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow: visible;
+}
+
+/* 广告轮播图样式 */
+.ad-carousel {
+  width: 100%;
+  margin: 0;
+  overflow: hidden;
+  border-radius: 0;
+  box-shadow: none;
+  height: 320rpx;
+  position: relative;
+  z-index: 1000;
+}
+
+.ad-swiper {
+  width: 100%;
+  height: 100%;
+}
+
+.ad-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 0;
+  background-color: #f5f5f5;
 }
 
 /* 确保所有主要区域背景一致 */
@@ -107,14 +133,16 @@ page {
 .top-section-container .search-section {
   padding: 0 30rpx 15rpx;
   width: 100%;
-  max-width: 800rpx;
+  max-width: 850rpx;
 }
 
 /* 搜索框样式 */
 .top-section-container .search-bar {
   display: flex;
   align-items: center;
-  background: white;
+  background: rgba(255, 255, 255, 0.9);
+  backdrop-filter: blur(10rpx);
+  -webkit-backdrop-filter: blur(10rpx);
   border-radius: 50rpx;
   padding: 5rpx 15rpx;
   box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
@@ -124,10 +152,10 @@ page {
 /* 修复商品列表区域 */
 .goods-list {
   flex: 1;
-  padding-top: 240rpx;
+  padding-top: 500rpx;
   padding-bottom: 20rpx;
   height: auto;
-  min-height: calc(100vh - 260rpx); /* 确保有足够的最小高度 */
+  min-height: calc(100vh - 520rpx); /* 确保有足够的最小高度 */
   box-sizing: border-box;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
@@ -136,18 +164,15 @@ page {
 
 /* 品种筛选区域调整 - 确保在商品图层之上，搜索框之下 */
 .category-section {
-  position: fixed;
-  top: 150rpx;
-  left: 0;
-  right: 0;
-  z-index: 1001;
+  width: 100%;
+  max-width: 850rpx;
   background: transparent;
-  padding: 6rpx 0;
+  padding: 10rpx 0;
   height: auto;
   min-height: 70rpx;
   box-sizing: border-box;
   box-shadow: none;
-  margin: 0;
+  margin: 0 auto 10rpx;
 }
 
 /* iOS专用修复 */