chore:视频显示布局正常
This commit is contained in:
@@ -148,9 +148,9 @@ export default {
|
||||
|
||||
// 弹窗视频容器样式
|
||||
popupVideoStyle() {
|
||||
// 固定宽高容器:60%宽 x 50vh高,居中显示
|
||||
// 竖屏视频填满高度→左右留黑边;横屏视频填满宽度→无黑边
|
||||
let style = 'position:fixed;width:60%;height:50vh;left:50%;top:50%;transform:translate(-50%,-50%);';
|
||||
// 容器横向铺满,黑色背景填满左右边界
|
||||
// 视频用 object-fit:contain 保持原比例居中,左右黑边由容器黑色背景填充
|
||||
let style = 'position:fixed;width:100%;height:50vh;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:0;';
|
||||
return style;
|
||||
}
|
||||
},
|
||||
@@ -598,7 +598,6 @@ export default {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #000;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.adaptive-video {
|
||||
|
||||
Reference in New Issue
Block a user