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>
<!-- 时间 + 未读红点 -->
<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;