展示白条问题

src/components/active/finished-active.vue

@@ -14,7 +14,8 @@ import finishedActive from '@/components/active/finished-active.vue';
 
 <template>
   <div>
-    <div v-if="finishedData.length" class="separator-space">- 以下为已结束活动 -</div>
+  <div v-if="finishedData.length">
+    <div class="separator-space">- 以下为已结束活动 -</div>
     <div class="finished-active border-box">
       <ul>
         <template v-for="(item, index) in finishedData">
@@ -45,6 +46,12 @@ import finishedActive from '@/components/active/finished-active.vue';
       </div>
     </div>
   </div>
+  <div v-else-if="haveRequestSuccess">
+    <!-- <div class="poster-image-box" v-if="isOverdue">
+      <img class="poster-image" src='../../assets/images/bg-index.jpg' mode='widthFix'/>
+    </div> -->
+  </div>
+  </div>
 </template>
 <script>
 import outDateActive from '@/components/active/out-date-active.vue';
@@ -56,8 +63,12 @@ export default {
   components: {
     outDateActive
   },
+  props: {
+    isOverdue: Boolean
+  },
   data() {
     return {
+      haveRequestSuccess: false,
       funnelData: [],
       barChartData: {
         columns: ['日期', '访问用户', '下单用户'],
@@ -173,6 +184,7 @@ export default {
             } */
             that.finishedData = resData.result.result || [];
             that.total = resData.result.totalCount;
+            that.haveRequestSuccess = true;
             return false;
           }
           errMsg.errorMsg(resData);
@@ -231,4 +243,14 @@ export default {
     }
   }
 }
+
+.poster-image-box {
+  text-align: center;
+  .poster-image{
+    width: 100%;
+    min-width: 600px;
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+}
 </style>

src/view/shareIndex/index.vue

@@ -24,7 +24,7 @@
         <!-- <div class="separator-space">- 当前有未开始的活动 -</div>
         <will-start-active></will-start-active> -->
 
-        <finished-active></finished-active>
+        <finished-active :isOverdue="dueData.isOverdue"></finished-active>
       </div>
     </div>
     <!-- <vue-gic-footer></vue-gic-footer> -->