diff --git a/pages/plugins/live/detail/detail-nvue.css b/pages/plugins/live/detail/detail-nvue.css
index fff0c293..9128ceb2 100644
--- a/pages/plugins/live/detail/detail-nvue.css
+++ b/pages/plugins/live/detail/detail-nvue.css
@@ -18,14 +18,14 @@
     background: transparent;
 }
 .live-ended {
-    /* 添加渐变背景色 */
-    background-image: linear-gradient(to bottom,#AD18F9,#05DFC7);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
     width: 100%;
     height: 100%;
+    /* 添加渐变背景色 */
+    background-image: linear-gradient(to bottom,#AD18F9,#05DFC7);
 }
 .live-ended .live-ended-text {
     color: #fff;
diff --git a/pages/plugins/live/detail/detail.nvue b/pages/plugins/live/detail/detail.nvue
index 0ba7bf34..3a3cd367 100644
--- a/pages/plugins/live/detail/detail.nvue
+++ b/pages/plugins/live/detail/detail.nvue
@@ -15,7 +15,7 @@
                 </view>
             </view>
             <!-- 主体内容显示 -->
-            <view class="live-content" :style="'width:' + windowWidth + 'px;height:' + windowHeight + 'px;'">
+            <view v-if="!is_live_ended" class="live-content" :style="'width:' + windowWidth + 'px;height:' + windowHeight + 'px;'">
                 <component-live-content ref="liveContent" :propWindowWidth="windowWidth" :propWindowHeight="windowHeight" :propLiveData="live_data" :propLiveConfig="live_config" :propLiveShowImgs="like_show_imgs" @liveBack="live_back" @handleDoubleClick="handle_double_click" @handleTouchEnd="handle_touch_end" @liveStatus="socket_live_status"></component-live-content>
             </view>
             <!-- 直播间结束的显示 -->