在用 antv 的 modal 对话框时，你会发现弹出来的框有一个很大的边框，打开 css 会找到 ant-modal-content 这个 class。如果你直接 加这个样式 padding: 0，或者 :deep(.ant-modal-content){padding: 0 }你会发现都不起作用
即使，即使你用了 important 也还是不起作用
这时候 看浏览器工具栏的右侧，会有类似 :where(xxxx) .ant-modal-content 这样的样式，也就是说他本身就是一个伪类，如果你直接对它操作是不起作用的。
网上找了很多资料。最后找到说，其实他有一个 wrap-class-name 的属性。用了这个属性后，整个对话框里的样式就可以跟着这个外层类走了。因此设定：<a-modal wrap-class-name="wrap-modal" ></a-modal>
再添加样式：
XML/HTML代码
- .wrap-modal{
- .ant-modal-content{
- padding: 0!important;
- }
- }
再次看弹窗。一切正常啦 ~