收藏增空页面

 <template>
   <LayoutApp :show-back="true" :title="title">
     <Scroll :scrollEvents="['scroll']" :options="scrollOptions" @scroll="scroll"
-            v-show="!isShowEmpty"
+            v-if="favoriteProductList.list.length"
             @pulling-up="onPullingUp">
       <ProductList :list="favoriteProductList.list"></ProductList>
     </Scroll>
-    <empty-list v-show="isShowEmpty" />
+    <!-- <empty-list v-show="!isShowEmpty" /> -->
+    <UfoNoItem :tip="`暂无数据`" v-else></UfoNoItem>
   </LayoutApp>
 </template>
 <script>
 import ProductList from '../../list/components/productList';
 import EmptyList from "../../order/order-list/components/empty";
+import UfoNoItem from '../../../components/ufo-no-item'
 import {Scroll} from 'cube-ui';
 import {createNamespacedHelpers} from 'vuex';
 
@@ -21,7 +23,8 @@ export default {
   components: {
     ProductList,
     Scroll,
-    EmptyList
+    EmptyList,
+    UfoNoItem
   },
   data() {
     return {

@@ -2,11 +2,13 @@
     <LayoutApp :show-back="true" :title="title">
         <Scroll 
         ref="scroll"
+        v-show='isShowEmpty'
         :scroll-events="['scroll-end','scroll']"
         @scroll-end="fetchList"
         >
             <NoticeItem v-for="(item, index) in noticeList" :key="index" :data="item"></NoticeItem>
         </Scroll>
+        <empty-list v-show="!isShowEmpty" />
     </LayoutApp>
 </template>
 
@@ -15,6 +17,7 @@ import { createNamespacedHelpers } from 'vuex';
 
 const { mapState, mapActions} = createNamespacedHelpers('notice');
 import NoticeItem from './components/noticeItem';
+import EmptyList from "../../order/order-list/components/empty";
 
 import {
     Style,
@@ -26,6 +29,7 @@ export default {
     NoticeItem,
     Style,
     Scroll,
+    EmptyList,
     RecycleList
   },
   data(){
@@ -44,7 +48,7 @@ export default {
   },
 
   computed: {
-    ...mapState(['noticeList','fetchNoticePage','isMore']),
+    ...mapState(['noticeList','fetchNoticePage','isMore','isShowEmpty']),
   },
   methods:{
     ...mapActions(['fetchNoticeList']),

@@ -20,16 +20,19 @@ export default function() {
         console.log(data)
         if(data && data.product_list){
           // data.product_list.
-            let { page, product_list = [] } = res;
-            state.isShowEmpty = page === 1 && product_list === 0;
+            let { page, product_list = [] } = data;
+            let isShowEmpty = page === 1 && product_list === 0;
+            // console.log("isShowEmpty:"+isShowEmpty)
+            // state.isShowEmpty = isShowEmpty
             let list = state.favoriteProductList.list.concat(product_list);
             Vue.set(state.favoriteProductList, "list", list);
         }else {
-          state.isShowEmpty = true;
+          // state.isShowEmpty = true;
         }
 
       },
       errorData(state){
+        // console.log("error==isShowEmpty:")
         state.isShowEmpty = true;
       }
      
@@ -41,7 +44,8 @@ export default function() {
             let data =result.data;
           commit('addList', { data:data });
         }else {
-          commit('error');
+          // console.log("error=//=isShowEmpty:")
+          commit('errorData');
         }
         return result.data || [];
       },

@@ -9,6 +9,7 @@ export default function() {
       fetchNoticePage: 1,
       fetchNoticeLastedTime: 0,
       isMore: true,
+      isShowEmpty: false,
     },
     actions,
     mutations,