root
/
agri-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频中心提交

feasure-livedata
lld 2026-03-27 16:53:04 +08:00
parent c5e3494f5b
commit 84afab46e7
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
pages/news/subpages/videoCenter/index.vue
View File

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