增加页面title 明细页添加空白状态

@@ -78,7 +78,7 @@ export default {
 <style lang="scss" scoped>
 
 .income-filter {
-    background-color: #F5F7F9;
+    background-color: #F0F0F0;
     padding: 0 40px;
     height: 90px;
     line-height: 90px;

@@ -48,8 +48,7 @@ export default {
   margin: 0 40px;
   justify-content: space-between;
   align-items: center;
-  padding-top: 30px;
-  padding-bottom: 30px;
+  height: 140px;
   border-bottom: solid 1px #E0E0E0;
 }
 
@@ -105,7 +104,7 @@ export default {
   color: #D0021B;
 }
 .assets-record-income-desc {
-  color: #999;
+  color: #444;
   margin-top: 5px;
 }
 </style>

 <template>
-  <LayoutApp :show-back="true">
+  <LayoutApp :show-back="true" title="我的收入">
     <div class="body" ref="body">
       <incomeHeader></incomeHeader>
     </div>

 <template>
-  <LayoutApp :show-back="true">
+  <LayoutApp :show-back="true" title="收入明细">
     <div class="body" ref="body">
       
       <Scroll
@@ -9,9 +9,12 @@
           @pulling-down="onPullingDown"
           @pulling-up="onPullingUp">
           <incomeFilter></incomeFilter>
-        <template v-for="(item,index) in walletData.list">
-            <incomeItem :data="item" :key="index"></incomeItem>
-          </template> 
+          <div v-if="walletData.list.length > 0">
+            <template v-for="(item,index) in walletData.list">
+              <incomeItem :data="item" :key="index"></incomeItem>
+            </template> 
+          </div>
+          <UfoNoItem class="noData" :tip="`暂无明细数据`" v-else></UfoNoItem>
       <template v-if="customPullDown" slot="pulldown" slot-scope="props">
         <pullDown :propsData="props" :pullDownRefreshThreshold="pullDownRefreshThreshold"></pullDown>
       </template>
@@ -27,7 +30,7 @@ import pullDown from './components/pullDown';
 import { createNamespacedHelpers } from 'vuex';
 import {Style, Scroll} from 'cube-ui';
 import scrollMixin from '../../../mixins/scroll';
-
+import UfoNoItem from '../../../components/ufo-no-item'
 const {mapState, mapActions} = createNamespacedHelpers('home/mine');
 export default {
     mixins: [scrollMixin],
@@ -47,6 +50,15 @@ export default {
         }),
         
     },
+    watch: {
+      "walletData.list": function(val) {
+        if(val.length === 0) {
+          this.$refs.scroll.disable()
+        } else {
+          this.$refs.scroll.enable()
+        }
+      }
+    },
     created() {
       this.fetchWallet({isRefresh:true})
     },
@@ -68,7 +80,8 @@ export default {
       incomeFilter,
       pullDown,
       Style,
-      Scroll
+      Scroll,
+      UfoNoItem
     }
 };
 </script>
@@ -80,4 +93,7 @@ export default {
   background-color: white;
   color: #999;
 }
+.noData {
+  margin: 90px 0;
+}
 </style>

 <template>
-  <LayoutApp :show-back="true">
+  <LayoutApp :show-back="true" title="我的">
     <div class="body" ref="body">
       <div v-for="(value, key) in getMineList" :key="key">
         <tab-item v-if="key === 'board'" :data="value" noLine icon="cubeic-notification" small grey>