diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx
index 6147333d..cf68a154 100644
--- a/src/pages/Welcome.tsx
+++ b/src/pages/Welcome.tsx
@@ -26,7 +26,11 @@ export default (): React.ReactNode => (
       />
       <Typography.Text strong>
         高级表格{' '}
-        <a href="https://protable.ant.design/" rel="noopener noreferrer" target="__blank">
+        <a
+          href="https://procomponents.ant.design/components/table"
+          rel="noopener noreferrer"
+          target="__blank"
+        >
           欢迎使用
         </a>
       </Typography.Text>
@@ -38,7 +42,11 @@ export default (): React.ReactNode => (
         }}
       >
         高级布局{' '}
-        <a href="https://prolayout.ant.design/" rel="noopener noreferrer" target="__blank">
+        <a
+          href="https://procomponents.ant.design/components/layout"
+          rel="noopener noreferrer"
+          target="__blank"
+        >
           欢迎使用
         </a>
       </Typography.Text>
diff --git a/src/pages/document.ejs b/src/pages/document.ejs
index 4baffa4f..e42657a6 100644
--- a/src/pages/document.ejs
+++ b/src/pages/document.ejs
@@ -41,34 +41,33 @@
           background-size: 100% auto;
         }
         .page-loading-warp {
-          padding: 98px;
           display: flex;
-          justify-content: center;
           align-items: center;
+          justify-content: center;
+          padding: 98px;
         }
         .ant-spin {
+          position: absolute;
+          display: none;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           margin: 0;
           padding: 0;
           color: rgba(0, 0, 0, 0.65);
+          color: #1890ff;
           font-size: 14px;
           font-variant: tabular-nums;
           line-height: 1.5;
-          list-style: none;
-          -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-          position: absolute;
-          display: none;
-          color: #1890ff;
           text-align: center;
-          vertical-align: middle;
+          list-style: none;
           opacity: 0;
           -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
           transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
             -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+          -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
         }
 
         .ant-spin-spinning {
@@ -80,9 +79,9 @@
         .ant-spin-dot {
           position: relative;
           display: inline-block;
-          font-size: 20px;
           width: 20px;
           height: 20px;
+          font-size: 20px;
         }
 
         .ant-spin-dot-item {
@@ -99,7 +98,7 @@
           -ms-transform-origin: 50% 50%;
           transform-origin: 50% 50%;
           opacity: 0.3;
-          -webkit-animation: antSpinMove 1s infinite linear alternate;
+          -webkit-animation: antspinmove 1s infinite linear alternate;
           animation: antSpinMove 1s infinite linear alternate;
         }
 
@@ -133,14 +132,14 @@
           -webkit-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
           transform: rotate(45deg);
-          -webkit-animation: antRotate 1.2s infinite linear;
+          -webkit-animation: antrotate 1.2s infinite linear;
           animation: antRotate 1.2s infinite linear;
         }
 
         .ant-spin-lg .ant-spin-dot {
-          font-size: 32px;
           width: 32px;
           height: 32px;
+          font-size: 32px;
         }
 
         .ant-spin-lg .ant-spin-dot i {
@@ -184,11 +183,11 @@
       <div
         style="
           display: flex;
-          justify-content: center;
-          align-items: center;
           flex-direction: column;
-          min-height: 420px;
+          align-items: center;
+          justify-content: center;
           height: 100%;
+          min-height: 420px;
         "
       >
         <img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" />
@@ -200,7 +199,7 @@
             ></span>
           </div>
         </div>
-        <div style="display: flex; justify-content: center; align-items: center">
+        <div style="display: flex; align-items: center; justify-content: center">
           <img
             src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
             width="32"