Style(搜索):界面背景色调整

pages/shop/GoodsList/index.vue

@@ -93,7 +93,10 @@
       />
     </view>
     <view v-else>
-      <view class="hotel-wrap">
+      <view
+        :class="list.length > 0 ? '' : 'no-hotel'"
+        class="hotel-wrap"
+      >
         <view class="list">
           <view
             v-for="(item, index) in list"
@@ -147,10 +150,13 @@
         />
       </view>
     </view>
-    <no-good-data
+    <view
       v-if="list.length === 0 && query.page > 1"
-      :type="searchType"
+      :class="'no-data-wrap-' + searchType"
-    />
+      class="no-data-wrap"
+    >
+      <no-good-data :type="searchType"/>
+    </view>
   </view>
 </template>
 
@@ -288,11 +294,21 @@ export default {
 <style scoped lang="less">
 .productList {
   min-height: 100vh;
-  background-color: #fff;
+  background-color: #f7f7f7;
   .list {
     margin: 0;
     padding: 172rpx 20rpx 0 20rpx;
-    background-color: #f7f7f7;
+  }
+  .no-hotel {
+    padding: 0;
+  }
+  .no-data-wrap {
+    position: relative;
+    min-height: calc(100vh - 172rpx);
+    background-color: #fff;
+  }
+  .no-data-wrap-hotel {
+    min-height: calc(100vh - 86rpx);
   }
 }
 .noCommodity {