custom-class
<el-dialog class="my-dialog" v-model="checkedVideo.ifShow" :title="checkedVideo.name" append-to-body custom-class="resetDialog" width="1000px">
<video :src="checkedVideo.video" controls></video>
</el-dialog>
append-to-body后 上层就不在div在html下了 所有不能写在scoped里面 得单独写
<style lang="less">
// appendbody的弹框样式
.resetDialog{
background: #000 !important; border: 2px solid #308AF8;
.el-dialog__header{
padding-bottom: 0 !important;
.el-dialog__title{
font-size: 20px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;
}
}
.el-dialog__body{
padding:19px !important ;
}
}
</style>
<style lang="less" scoped>
.el-dialog{
.dialog-footer{ display: inline-block; width: 100%; text-align: center;}
video{width: 100%; height: 100%;}
}
</style>