root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-23 20:44:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

视频调整尺寸添加object-fit属性，

This commit is contained in:
gaofy 2023-11-10 18:24:40 +08:00
parent f70263d95c
commit e433811f1d
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/remote-manage/remote-manage.vue
View File

@ -103,7 +103,8 @@
<VideoPlay />
</el-icon>
</div>
<video ref="liveVideo" poster="@/assets/imgs/video_bck.png">
<!-- poster="@/assets/imgs/video_bck.png" -->
<video ref="liveVideo">
<source src="@/assets/medical.mp4" type="video/mp4" />
</video>
</div>
@ -703,7 +704,7 @@ onMounted(() => {
.video-box {
position: relative;
width: 100%;
height: 300px;
height: 380px;
background: $main-color;
/* background: url(@/assets/imgs/video_bck.png);
background-size: 100% 100%; */
@ -731,17 +732,18 @@ onMounted(() => {
video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.message-box {
width: 100%;
height: 260px;
height: 220px;
margin-bottom: 5px;
.message-log {
width: 100%;
height: 150px;
height: 110px;
padding: 16px 20px;
box-sizing: border-box;
border: 1px solid #c8c8c8;
@ -815,7 +817,7 @@ onMounted(() => {
.table-box {
width: 100%;
height: calc(100% - 604px);
height: calc(100% - 644px);
:deep(.el-table__inner-wrapper) {
.el-table__cell {