修改本地生活页面布局

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;

packages/localLife/classify/index.vue

@@ -4,8 +4,11 @@
       <u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
       <view class="header_tit">{{ headerTitle }}</view>
     </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"
+          <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>
@@ -13,11 +16,14 @@
 
         <view class="search">
           <view class="searchBox">
-        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
+            <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">
       <view class="merchantItem" v-for="item in merchatList" :key="item.id" @click="Info(item)">
         <view class="merchantItem_left">

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%;
 }