empty tip

@@ -51,7 +51,7 @@
         <FavTabBlock :tabs-num="tabsNum" :active-index="activeIndex" @change="changeTab"></FavTabBlock>
       </div>
       <div ref="contantList" class="contant-list" :style="`min-height: ${listMinHeight}px;`">
-        <p v-if="emptyTip" class="empty-tip" :height="emptyTipHeight">{{emptyTip}}</p>
+        <p v-if="emptyTip" class="empty-tip">{{emptyTip}}</p>
         <WaterFall class="pannel-wrap" :list="list" :params="params"></WaterFall>
         <div v-if="loadStatus && !emptyTip" class="loading">
           <Loading v-if="loadStatus === 1" class="load-icon" :size="20"></Loading>
@@ -94,7 +94,6 @@
         listMinHeight: 0,
         fetchInfo: {},
         loadStatus: '',
-        emptyTipHeight: '',
         emptyTip: '',
         scrollOpts: {
           bounce: false
@@ -111,7 +110,6 @@
       this.init(this.$route.params);
 
       this.listMinHeight = this.$el.offsetHeight - this.$refs.tabBlock.offsetHeight - $dom.offsetHeight;
-      this.emptyTipHeight = this.$el.offsetHeight - this.$refs.contantList.offsetTop - $dom.offsetHeight - 40;
 
       if ($dom.offsetHeight) {
         this._animeDuration = 300;
@@ -556,13 +554,20 @@
     white-space: nowrap;
   }
 
+  .contant-list {
+    position: relative;
+  }
+
   .empty-tip {
+    width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 1000px;
     font-size: 28px;
     color: #ddd;
+    position: absolute;
+    top: 0;
+    bottom: 240px;
   }
 
   .loading {