refactor: move Result children to end (#24945)

components/result/__tests__/__snapshots__/demo.test.js.snap

@@ -1108,6 +1108,26 @@ exports[`renders ./components/result/demo/error.md correctly 1`] = `
   >
     Please check and modify the following information before resubmitting.
   </div>
+  <div
+    class="ant-result-extra"
+  >
+    <button
+      class="ant-btn ant-btn-primary"
+      type="button"
+    >
+      <span>
+        Go Console
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Buy Again
+      </span>
+    </button>
+  </div>
   <div
     class="ant-result-content"
   >
@@ -1190,26 +1210,6 @@ exports[`renders ./components/result/demo/error.md correctly 1`] = `
       </div>
     </div>
   </div>
-  <div
-    class="ant-result-extra"
-  >
-    <button
-      class="ant-btn ant-btn-primary"
-      type="button"
-    >
-      <span>
-        Go Console
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Buy Again
-      </span>
-    </button>
-  </div>
 </div>
 `;
 

components/result/index.tsx

@@ -104,8 +104,8 @@ const Result: ResultType = props => (
           {renderIcon(prefixCls, props)}
           <div className={`${prefixCls}-title`}>{title}</div>
           {subTitle && <div className={`${prefixCls}-subtitle`}>{subTitle}</div>}
-          {children && <div className={`${prefixCls}-content`}>{children}</div>}
           {renderExtra(prefixCls, props)}
+          {children && <div className={`${prefixCls}-content`}>{children}</div>}
         </div>
       );
     }}

components/style/themes/default.less

@@ -963,4 +963,4 @@
 @result-title-font-size: 24px;
 @result-subtitle-font-size: @font-size-base;
 @result-icon-font-size: 72px;
-@result-extra-margin: 32px 0 0 0;
+@result-extra-margin: 24px 0 0 0;