From 84afab46e786d0d2e22ae511c45706d9fb97b1c4 Mon Sep 17 00:00:00 2001
From: lld <15027638633@163.com>
Date: Fri, 27 Mar 2026 16:53:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=B8=AD=E5=BF=83=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/news/subpages/videoCenter/index.vue | 44 ++++++++++++++---------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/pages/news/subpages/videoCenter/index.vue b/pages/news/subpages/videoCenter/index.vue
index 84f2440..6a29d05 100644
--- a/pages/news/subpages/videoCenter/index.vue
+++ b/pages/news/subpages/videoCenter/index.vue
@@ -65,19 +65,22 @@
           <view class="axis-line" v-if="index !== videoList.length - 1"></view>
         </view>
 
-        <!-- 时间 + 未读红点 -->
-        <view class="time-info">
-          <text class="time-text">{{ item.time }}</text>
-          <view class="unread-dot" v-if="item.unread"></view>
-        </view>
-
-        <!-- 视频卡片 -->
-        <view class="video-card">
-          <view class="video-info">
-            <text class="device-name">{{ item.device }}</text>
-            <text class="event-type">{{ item.event }}</text>
+        <!-- 时间 + 卡片 垂直排列 -->
+        <view class="time-card-wrap">
+          <!-- 时间 + 未读红点（在卡片正上方） -->
+          <view class="time-info">
+            <text class="time-text">{{ item.time }}</text>
+            <view class="unread-dot" v-if="item.unread"></view>
+          </view>
+
+          <!-- 视频卡片 -->
+          <view class="video-card">
+            <view class="video-info">
+              <text class="device-name">{{ item.device }}</text>
+              <text class="event-type">{{ item.event }}</text>
+            </view>
+            <image class="video-cover" :src="item.cover" mode="aspectFill"></image>
           </view>
-          <image class="video-cover" :src="item.cover" mode="aspectFill"></image>
         </view>
       </view>
     </scroll-view>
@@ -150,6 +153,8 @@ export default {
 .video-page {
   height: 100vh;
   background-color: #fff;
+  display: flex;
+  flex-direction: column;
 }
 
 /* 日期选择栏 */
@@ -254,17 +259,23 @@ export default {
 }
 .axis-line {
   width: 1rpx;
-  height: 100rpx;
+  height: 120rpx; /* 适配时间+卡片高度 */
   background-color: #e0e0e0;
   margin-top: 8rpx;
 }
 
-/* 时间信息 */
+/* 时间+卡片 垂直包裹 */
+.time-card-wrap {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 时间信息（在卡片正上方） */
 .time-info {
   display: flex;
   align-items: center;
-  margin-right: 20rpx;
-  padding-top: 8rpx;
+  margin-bottom: 15rpx;
 }
 .time-text {
   font-size: 30rpx;
@@ -281,7 +292,6 @@ export default {
 
 /* 视频卡片 */
 .video-card {
-  flex: 1;
   display: flex;
   background-color: #f9f9f9;
   border-radius: 12rpx;