【报Bug】video组件用了样式穿透，小程序和H5样式修改成功，APP是无效。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.4.18

手机系统：全部

手机厂商：小米

手机机型：多型号

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

小米11，苹果13

操作步骤：

界面效果不一致

预期结果：

小程序和APP界面效果一致。

实际结果：

小程序和APP界面效果不一致。

bug描述：

.myvideo /deep/ .uni-video-bar,
.myvideo /deep/ .wx-video-bar{
overflow: initial !important;
}
.myvideo /deep/ .uni-video-control-button,
.myvideo /deep/ .wx-video-control-button{
width: 60rpx !important;
height: 70rpx !important;
position: absolute !important;
bottom: 25vw;
z-index: 999 !important;
left: 50% !important;
transform: translateX(-50%) !important;
padding: 0rpx !important;
margin: 0rpx !important;
}
.myvideo /deep/ .uni-video-progress-buffered,
.myvideo /deep/ .wx-video-progress-buffered{
background: rgba(255,255,255,.8) !important;
}
.myvideo /deep/ .uni-video-bar,
.myvideo /deep/ .wx-video-bar{
background: none !important;
padding: 0rpx 28rpx !important;
}
.myvideo /deep/ .uni-video-controls,
.myvideo /deep/ .wx-video-controls{
margin: 0rpx !important;
}
.myvideo /deep/ .uni-video-current-time,
.myvideo /deep/ .wx-video-current-time{
position: absolute !important;
top: -26rpx !important;
z-index: 999 !important;
left: 54rpx !important;
transform: translateX(-50%) !important;
padding: 0rpx !important;
margin: 0rpx !important;
}
.myvideo /deep/ .uni-video-duration,
.myvideo /deep/ .wx-video-duration{
position: absolute !important;
top: -26rpx !important;
z-index: 999 !important;
right: 70rpx !important;
transform: translateX(-50%) !important;
padding: 0rpx !important;
margin: 0rpx !important;
}
.myvideo /deep/ .uni-video-fullscreen,
.myvideo /deep/ .wx-video-fullscreen{
position: absolute !important;
top: -40rpx !important;
z-index: 999 !important;
right: 0rpx !important;
transform: translateX(-50%) !important;
margin: 0rpx !important;
}
.myvideo /deep/ .uni-video-progress,
.myvideo /deep/ .wx-video-progress{
margin: 0rpx !important;
}