使用vxe-modal深度选择器无效的问题项目是vue3.2,style加了scoped,组件头部样式无论如何都无法应用

项目是vue3.2,style加了scoped,组件头部样式无论如何都无法应用,根本没有输出编译,解决方法:

<div>
    <vxe-modal v-model="Visible" width="600px":position="{ top: 45 }"  maskClosable></vxe-modal>
</div>

在vxe-modal组件标签外再包裹一层div就可以了

:deep(.vxe-modal--header) {
  background: #FF9712;
  padding: 0 !important;
}