全局global修改框架默认样式

src/assets/css/global.css

+:global(.ant-modal){
+  top: 0;
+}
+:global(.ant-modal-wrap){
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
\ No newline at end of file

src/components/pages/PaymentManagement/PaymentManagementHome.vue

 <template>
   <div class="PaymentManagementHome">
-    <a-layout style="padding: 24px 0; background: #fff; min-height:600px">
+    <a-layout style="padding: 24px 0; background: #fff; min-height: calc(100vh - 218px)">
         <a-layout-sider width="200" style="background: #fff">
           <a-menu
             mode="inline"

src/main.js

@@ -5,6 +5,7 @@ import store from './store'
 import { Menu, Layout, Breadcrumb, Icon, Button, DatePicker, Input, Table, Tag, Divider, Dropdown, Modal, Form, Select, message, Pagination, LocaleProvider, Spin, Badge } from 'ant-design-vue'
 import 'ant-design-vue/dist/antd.css'
 import { config } from './api/config'
+import './assets/css/global.css'
 import axios from 'axios'
 import qs from 'qs'