修改样式

@@ -18,12 +18,14 @@
           <div class="search-img" @click="goSearch()"></div>
         </div>
       </div>
-      <Scroll class="product-list"
+      <Scroll class="product-list" v-show="!productList.isEmpty"
               :options="scrollOptions"
               :data="productList.list"
               @pulling-up="onPullingUp">
         <ProductList :list="productList.list"></ProductList>
       </Scroll>
+      <EmptyList class="empty-wrapper product-list" :tip="`暂无数据`" v-show="productList.isEmpty" >
+      </EmptyList>
     </LayoutApp>
     <Filtrate ref="filtrate"></Filtrate>
   </div>
@@ -31,6 +33,7 @@
 <script>
 import ProductList from './components/productList';
 import Filtrate from './filtrate';
+import EmptyList from '../../components/ufo-no-item';
 
 import {Scroll} from 'cube-ui';
 import {createNamespacedHelpers} from 'vuex';
@@ -42,7 +45,8 @@ export default {
   components: {
     ProductList,
     Scroll,
-    Filtrate
+    Filtrate,
+    EmptyList
   },
   data() {
     return {
@@ -157,6 +161,9 @@ export default {
             list[key] = data[key];
           }
         }
+
+        list.list && list.list.length ? list.isEmpty = false : list.isEmpty = true;
+
         this.productList = list;
       }
     },
@@ -220,6 +227,9 @@ export default {
     align-items: center;
     padding-left: 42px;
     padding-right: 38px;
+    z-index: 999;
+    background: #fff;
+    position: relative;
   }
 
   .filter-tab {
@@ -291,4 +301,11 @@ export default {
     background: url(~statics/image/list/search_icon@3x.png) no-repeat;
     background-size: cover;
   }
+
+  .empty-wrapper {
+    margin: auto 0;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+  }
 </style>