vue中修改Antd中modal组件的样式问题

实现需求：

修改modal弹窗的样式。

解决：

由于样式中使用了scoped，当标签具有scoped属性时，其CSS将仅应用于当前组件的元素。这类似于 Shadow DOM 中的样式封装。

想要修改AntD中的Modal组件的样式，由于其默认是挂载到body节点上的，直接在当前<style scoped>标签内添加样式是无法应用到modal组件上的，需要将Modal组件挂载到当前组件节点或者在另外一个不含scoped的style标签内添加样式。