root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2026-06-12 17:01:45 +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 /> <VideoPlay />
</el-icon> </el-icon>
</div> </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" /> <source src="@/assets/medical.mp4" type="video/mp4" />
</video> </video>
</div> </div>
@ -703,7 +704,7 @@ onMounted(() => {
.video-box { .video-box {
position: relative; position: relative;
width: 100%; width: 100%;
height: 300px; height: 380px;
background: $main-color; background: $main-color;
/* background: url(@/assets/imgs/video_bck.png); /* background: url(@/assets/imgs/video_bck.png);
background-size: 100% 100%; */ background-size: 100% 100%; */
@ -731,17 +732,18 @@ onMounted(() => {
video { video {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
} }
} }
.message-box { .message-box {
width: 100%; width: 100%;
height: 260px; height: 220px;
margin-bottom: 5px; margin-bottom: 5px;
.message-log { .message-log {
width: 100%; width: 100%;
height: 150px; height: 110px;
padding: 16px 20px; padding: 16px 20px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
@ -815,7 +817,7 @@ onMounted(() => {
.table-box { .table-box {
width: 100%; width: 100%;
height: calc(100% - 604px); height: calc(100% - 644px);
:deep(.el-table__inner-wrapper) { :deep(.el-table__inner-wrapper) {
.el-table__cell { .el-table__cell {