Fix(搜索):[#1197, #1206]列表显示调整

pages/shop/GoodsList/index.vue

@@ -32,7 +32,10 @@
         </view>
       </view>
     </view>
-    <view class="nav acea-row row-middle">
+    <view
+      v-if="searchType === 'good'"
+      class="nav acea-row row-middle"
+    >
       <view class="item">
         <text class="tag">
           综合
@@ -52,10 +55,6 @@
       </view>
     </view>
     <view v-if="searchType === 'good'">
-      <goo-skeleton
-        v-if="loading"
-        :show-avatar="false"
-      />
       <view class="list acea-row row-between-wrapper">
         <view
           v-for="(item, listIndex) in list"
@@ -82,6 +81,10 @@
           </view>
         </view>
       </view>
+      <goo-skeleton
+        v-if="loading"
+        :show-avatar="false"
+      />
       <u-loadmore
         v-if="loadend && list.length > 0"
         :line="true"
@@ -91,9 +94,6 @@
     </view>
     <view v-else>
       <view class="hotel-wrap">
-        <goo-skeleton
-          v-if="loading"
-        />
         <view class="list">
           <view
             v-for="(item, index) in list"
@@ -136,6 +136,9 @@
             </view>
           </view>
         </view>
+        <goo-skeleton
+          v-if="loading"
+        />
         <u-loadmore
           v-if="loadend && list.length > 0"
           :line="true"
@@ -144,7 +147,10 @@
         />
       </view>
     </view>
-    <no-good-data v-if="list.length === 0 && query.page > 1" />
+    <no-good-data
+      v-if="list.length === 0 && query.page > 1"
+      :type="searchType"
+    />
   </view>
 </template>
 
@@ -280,6 +286,15 @@ export default {
 </script>
 
 <style scoped lang="less">
+.productList {
+  min-height: 100vh;
+  background-color: #fff;
+  .list {
+    margin: 0;
+    padding: 172rpx 20rpx 0 20rpx;
+    background-color: #f7f7f7;
+  }
+}
 .noCommodity {
   display: flex;
   justify-content: center;
@@ -340,12 +355,12 @@ export default {
     top: 80rpx;
     left: 23rpx;
     z-index: 5;
-    width: 90px;
-    padding: 10rpx;
+    width: 70px;
+    padding: 10rpx 20rpx;
     border-radius: 4px;
     background-color: #fff;
     .item + .item {
-      border-top: 1px solid #707070;
+      border-top: 1px solid #eee;
     }
     .item {
       text-align: center;
@@ -406,11 +421,15 @@ export default {
   }
 }
 .hotel-wrap {
-  padding: 23rpx 0;
+  padding: 0 0 23rpx 0;
+  .list {
+    padding-top: 86rpx;
+    background-color: #f7f7f7;
+  }
 }
 .hotel-item {
   padding: 15rpx;
-  margin: 0 0 23rpx;
+  margin: 23rpx 0 0 0;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: 0px 3px 6px rgba(0,0,0,0.16);