From 9d5b9a86bcddc28a5ab48ee9bec5ef71276a88f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Tue, 12 Aug 2025 15:42:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=95=86=E5=AE=B6=E5=88=86?=
 =?UTF-8?q?=E7=B1=BB=E4=B8=8B=E6=8B=89=E9=83=A8=E5=88=86=E7=9A=84=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.css |  8 +++-
 pages/index/index.vue | 91 ++++++++++++++++++++++---------------------
 2 files changed, 52 insertions(+), 47 deletions(-)

diff --git a/pages/index/index.css b/pages/index/index.css
index 2addac54..d61d1120 100644
--- a/pages/index/index.css
+++ b/pages/index/index.css
@@ -519,11 +519,11 @@ page {
 	border-radius: 0 0 10rpx 10rpx;
 	box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.1);
 	padding: 20rpx;
-	position: absolute;
+	position: relative;
 	z-index: 99;
 	width: 95%;
 	left: 0;
-	top: 88rpx;
+	/* top: 88rpx; */
 }
 
 .dropdown-title {
@@ -699,6 +699,10 @@ page {
 	box-sizing: border-box;
 }
 
+.merchantList2{
+	
+}
+
 .merchantItem {
 	display: flex;
 	padding-top: 30px;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6bfa1c60..c0c42af4 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -11,44 +11,44 @@
         </view>
       </view>
       <!-- 功能导航区 -->
-      <view class="function-nav">
+      <view class="function-nav" v-if="showNav">
         <view class="function-item" @click="goToShop">
-          <div class="icon-box">
+          <view class="icon-box">
             <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_shop.png"
               mode="widthFix" />
-          </div>
+          </view>
           <text>店铺管理</text>
         </view>
         <view class="function-item" @click="goToOrder">
-          <div class="icon-box">
+          <view class="icon-box">
             <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_order.png"
               mode="widthFix" />
-          </div>
+          </view>
           <text>供应商订单</text>
         </view>
         <view class="function-item" @click="goToWuye">
-          <div class="icon-box">
+          <view class="icon-box">
             <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_wuye.png"
               mode="widthFix" />
-          </div>
+          </view>
           <text>物业管理</text>
         </view>
       </view>
       <!-- 搜索框 -->
-      <div class="search2" v-if="isShowSearch">
-        <div class="searchBox2">
+      <view class="search2" v-if="isShowSearch">
+        <view class="searchBox2">
           <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
             mode="aspectFill"></image>
-          <div class="hot-word-container">
-            <div class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'px)' }">
-              <div v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
+          <view class="hot-word-container">
+            <view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'px)' }">
+              <view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
                 @click="handleHotWordClick(word)">
                 {{ word }}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
       <!-- 轮播图 -->
       <view class="swiper">
         <swiper @animationfinish="swipers" autoplay circular>
@@ -158,48 +158,48 @@
       </view>
 
       <!-- 商家列表展示 -->
-      <div class="merchantList">
+      <view class="merchantList" :class="{ merchantList2: merchatList.length < 3 }">
         <view class="overlay" v-if="showDropdown"></view>
-        <div class="merchantItem" v-for="item in merchatList" :key="item.id" @click="Info(item)">
-          <div class="merchantItem_left">
+        <view class="merchantItem" v-for="item in merchatList" :key="item.id" @click="Info(item)">
+          <view class="merchantItem_left">
             <image :src="item.showImg" mode="aspectFill"></image>
-          </div>
-          <div class="merchantItem_right">
-            <div class="merchantItem_right_tit">
-              <div class="merchantItem_right_tit_left">
+          </view>
+          <view class="merchantItem_right">
+            <view class="merchantItem_right_tit">
+              <view class="merchantItem_right_tit_left">
                 {{ item.merchant_name }}
-              </div>
-              <div class="merchantItem_right_tit_right">
+              </view>
+              <view class="merchantItem_right_tit_right">
                 {{ item.distances }}
-              </div>
-            </div>
-            <div class="merchantItem_right_con">
-              <div class="merchantItem_right_con_left">
-                <div class="startList">
+              </view>
+            </view>
+            <view class="merchantItem_right_con">
+              <view class="merchantItem_right_con_left">
+                <view class="startList">
                   <image v-for="index in 5" :key="index" :src="index < item.rating
                     ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
                     : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
                     " mode="aspectFill"></image>
-                </div>
-                <div class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
+                </view>
+                <view class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
                   买单返物业费
-                </div>
-                <div class="merchangtItem_tag" v-if="item.refund_user_points_ratio">
+                </view>
+                <view class="merchangtItem_tag" v-if="item.refund_user_points_ratio">
                   买单返积分
-                </div>
-              </div>
-              <div class="merchantItem_right_con_right" @click="toJump(item)">
+                </view>
+              </view>
+              <view class="merchantItem_right_con_right" @click="toJump(item)">
                 <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
                   mode="aspectFill"></image>
                 点评
-              </div>
-            </div>
-            <div class="merchantItem_right_add">
+              </view>
+            </view>
+            <view class="merchantItem_right_add">
               {{ item.comAddress }}
-            </div>
-          </div>
-        </div>
-      </div>
+            </view>
+          </view>
+        </view>
+      </view>
     </view>
 
     <view class="more" v-if="flag">下拉加载后续10条，共计{{ bottomTotal }}条</view>
@@ -242,6 +242,7 @@ export default {
   }, //2.注册组件
   data() {
     return {
+      showNav: true,
       isShowSearch: false,
 
       loading: false,