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 @@ - - - {{ item.time }} - - - - - - - {{ item.device }} - {{ item.event }} + + + + + {{ item.time }} + + + + + + + {{ item.device }} + {{ item.event }} + + - @@ -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;