From 6f84133a0a28796c60478f04d927434e277994f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Mon, 18 Aug 2025 09:03:51 +0800
Subject: [PATCH] 11

---
 pages/index/index.css | 11 +++++++----
 pages/index/index.vue | 43 +++++++++++++++++++++++--------------------
 2 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/pages/index/index.css b/pages/index/index.css
index d7062ad0..7151d0ce 100644
--- a/pages/index/index.css
+++ b/pages/index/index.css
@@ -3,7 +3,7 @@
 }
 
 .hot-word-container {
-	width: auto;
+	width: 60%;
 	height: 50rpx;
 	overflow: hidden;
 	position: relative;
@@ -69,7 +69,10 @@ page {
 }
 
 .search2 {
-	padding: 20rpx 0;
+	padding: 10rpx 0;
+	width: 55%;
+	position: relative;
+	left: -190rpx;
 }
 
 .function-nav {
@@ -120,12 +123,12 @@ page {
 	display: flex;
 	box-sizing: border-box;
 	align-items: center;
-	padding: 0 30rpx;
+	padding: 0 20rpx;
 	font-size: 26rpx;
 }
 
 .searchBox2 image {
-	width: 28rpx;
+	width: 40rpx;
 	height: 28rpx;
 	margin-right: 16rpx;
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ecca6737..807b8d4e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -9,6 +9,25 @@
             {{ currentCity.cityName || '选择城市' }}
           </view>
         </view>
+
+        <!-- 搜索框 -->
+        <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>
+            <view class="hot-word-container">
+              <view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'rpx)' }">
+                <view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
+                  @click="handleHotWordClick(word)">
+                  {{ word }}
+                </view>
+              </view>
+            </view>
+            <input class="search_input" placeholder='请输入内容' confirm-type='search' @input="searchInput"
+              @confirm="searchInput" :value="selectKeyWord" />
+          </view>
+        </view>
       </view>
       <!-- 功能导航区 -->
       <view class="function-nav" v-if="showNav">
@@ -34,27 +53,11 @@
           <text>物业管理</text>
         </view>
       </view>
-      <!-- 搜索框 -->
-      <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>
-          <view class="hot-word-container">
-            <view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'rpx)' }">
-              <view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
-                @click="handleHotWordClick(word)">
-                {{ word }}
-              </view>
-            </view>
-          </view>
-          <input class="search_input" placeholder='请输入内容' confirm-type='search' @input="searchInput"
-            @confirm="searchInput" :value="selectKeyWord" />
-        </view>
-      </view>
       <!-- 轮播图 -->
       <view class="swiper">
         <swiper @animationfinish="swipers" autoplay circular>
-          <swiper-item v-for="(item, index) in bannerList" :key="index" @click="headerServerClick(item)">
+          <!-- <swiper-item v-for="(item, index) in bannerList" :key="index" @click="headerServerClick(item)"> -->
+          <swiper-item v-for="(item, index) in bannerList" :key="index">
             <image :src="item.pic_src" mode="aspectFill" />
           </swiper-item>
         </swiper>
@@ -101,7 +104,7 @@
         <view class="serverList_left">
           <swiper>
             <swiper-item v-for="(item, index) in homeLeftList" :key="index" @click="headerServerClick(item)">
-              <image :src="item.pic_src" alt="" mode="aspectFit" />
+              <image :src="item.pic_src" alt=""/>
               <!-- <view>{{ item.ad_position }}</view> -->
             </swiper-item>
           </swiper>
@@ -999,7 +1002,7 @@ export default {
     toggleDropdown() {
       this.showDropdown = !this.showDropdown;
       // 当展开下拉菜单时，页面滑动
-      if (this.showDropdown) { 
+      if (this.showDropdown) {
         this.$nextTick(() => {
           uni.pageScrollTo({
             scrollTop: 1000,