新增直播结束页面

pages/plugins/live/pull/mixins/mixins.js

@@ -3,7 +3,8 @@ export default {
     data() {
         return {
             windowWidth: 0,
-            windowHeight: 1000,
+            windowHeight: 0,
+            is_live_ended: false
         }
     },
     onLoad(params) {
@@ -27,6 +28,8 @@ export default {
         // #endif
     },
     methods: {
-        
+        ended() {
+            this.is_live_ended = true;
+        }
     }
 }

pages/plugins/live/pull/pull.vue

@@ -1,10 +1,17 @@
 <template>
     <view :class="theme_view + ' bg-0'">
         <view class="w h">
-            <live-video src="http://live-pull-all.shopxo.vip/68f764013572f9240ca7ce6c/shopxo122.m3u8"></live-video>
+            <live-video src="http://live-pull-all.shopxo.vip/68f764013572f9240ca7ce6c/shopxo122.m3u8" @ended="ended"></live-video>
         </view>
         <view class="live-content">
-            <live-content></live-content>
+            <template v-if="!is_live_ended"> 
+                <live-content></live-content>
+            </template>
+            <template v-else> 
+                <view v-if="is_live_ended" class="live-ended flex-row align-c jc-c" :style="'width:' + windowWidth + 'px;height:' + windowHeight + 'px;'">
+                    <text>直播已结束</text>
+                </view>
+            </template>
         </view>
     </view>
 </template>
@@ -36,4 +43,7 @@
         width: 100%;
         height: 100%;
     }
+    .live-ended {
+        
+    }
 </style>