From 00b9af721eb212a48d93c3bcd679bbe9948890cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Tue, 9 Sep 2025 09:09:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=9C=AC=E5=9C=B0=E7=94=9F?=
 =?UTF-8?q?=E6=B4=BB=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/localLife/classify/index.css | 30 +++++++++++++++++++--------
 packages/localLife/classify/index.vue | 28 +++++++++++++++----------
 packages/localLife/index/index.css    |  4 ++--
 3 files changed, 40 insertions(+), 22 deletions(-)

diff --git a/packages/localLife/classify/index.css b/packages/localLife/classify/index.css
index 3df9b280..05f78da8 100644
--- a/packages/localLife/classify/index.css
+++ b/packages/localLife/classify/index.css
@@ -23,17 +23,29 @@ page {
     margin-left: 10rpx;
 }
 
-.local {
-    display: flex;
-    align-items: center;
+.localBox {
     font-size: 26rpx;
     color: #222222;
     box-sizing: border-box;
-    padding: 20rpx;
     width: 100%;
+    padding-bottom: 20rpx;
+    background-color: #f6f7fb;
+}
+
+.localBoxItem{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    padding: 0 20rpx;
     background-color: #fff;
 }
 
+.local {
+    display: flex;
+    width: auto;
+    white-space: nowrap;
+}
+
 #local {
     height: 30rpx;
     width: 28.08rpx;
@@ -45,16 +57,16 @@ page {
 }
 
 .search {
-    background-color: #f6f7fb;
+    flex: 1;
     padding: 20rpx 0;
+    margin-left: 15rpx;
 }
 
 .searchBox {
-    width: 710rpx;
+    width: 93%;
     height: 70rpx;
-    background: #FFFFFF;
-    border-radius: 100rpx 100rpx 100rpx 100rpx;
-    margin: 0 auto;
+    background: #f6f7fb;
+    border-radius: 100rpx;
     display: flex;
     box-sizing: border-box;
     align-items: center;
diff --git a/packages/localLife/classify/index.vue b/packages/localLife/classify/index.vue
index e10f1e1a..48e650b0 100644
--- a/packages/localLife/classify/index.vue
+++ b/packages/localLife/classify/index.vue
@@ -4,18 +4,24 @@
       <u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
       <view class="header_tit">{{ headerTitle }}</view>
     </view>
-    <view class="local">
-      <image id="local" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
-        mode="aspectFill"></image>
-      {{ address }}
-      <u-icon name="arrow-down" color="#999999" size="28"></u-icon>
-    </view>
+    <view class="localBox">
+      <view class="localBoxItem">
+        <view class="local">
+          <image id="local"
+            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
+            mode="aspectFill"></image>
+          {{ address }}
+          <u-icon name="arrow-down" color="#999999" size="28"></u-icon>
+        </view>
 
-    <view class="search">
-      <view class="searchBox">
-        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
-          mode="aspectFill"></image>
-        <input type="text" placeholder="请输入您想搜索的内容" />
+        <view class="search">
+          <view class="searchBox">
+            <image
+              src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+              mode="aspectFill"></image>
+            <input type="text" placeholder="请输入您想搜索的内容" />
+          </view>
+        </view>
       </view>
     </view>
     <view class="merchantList" v-if="merchatList.length > 0">
diff --git a/packages/localLife/index/index.css b/packages/localLife/index/index.css
index f4ea0c91..3bf876b6 100644
--- a/packages/localLife/index/index.css
+++ b/packages/localLife/index/index.css
@@ -11,7 +11,7 @@ page {
     color: #222222;
     box-sizing: border-box;
     width: 100%;
-    padding: 20rpx 0;
+    padding-bottom: 20rpx;
     background-color: #f6f7fb;
 }
 
@@ -247,7 +247,7 @@ page {
 
 .lines {
     background-color: #f5f7f9;
-    height: 40rpx;
+    height: 20rpx;
     width: 100%;
 }