fix: 支付页面未显示出支付错误信息的问题

src/pages/lxMall/pay/index.tsx

@@ -120,6 +120,21 @@ const PayPage: React.FC<PayPagePropsType> = (props) => {
     window.location.href = '/'
   }
 
+  const renderError = () => {
+    return (
+      <div>
+        <CommonHeader
+          logoUrl={(layoutType === LAYOUT_TYPE.channel || layoutType === LAYOUT_TYPE.ichannel) ? shopInfo?.logo : mallInfo.logoUrl}
+          title="支付错误"
+        />
+        <div className={styles.errmsg}>
+          <p>{errMsg}</p>
+          <Button type="primary" className={styles.backbtn} onClick={() => backHome()}>返回首页</Button>
+        </div>
+      </div>
+    )
+  }
+
   return payInfo ? !payState ? (
     <div className={styles.pay}>
       <CommonHeader
@@ -132,19 +147,7 @@ const PayPage: React.FC<PayPagePropsType> = (props) => {
         }
       </div>
     </div>
-  ) : loading ? null : (
-      <div>
-        <CommonHeader
-          logoUrl={(layoutType === LAYOUT_TYPE.channel || layoutType === LAYOUT_TYPE.ichannel) ? shopInfo?.logo : mallInfo.logoUrl}
-          title="支付错误"
-        />
-        <div className={styles.errmsg}>
-          <p>{errMsg}</p>
-          <Button type="primary" className={styles.backbtn} onClick={() => backHome()}>返回首页</Button>
-        </div>
-      </div>
-    ): null
-
+  ) : loading ? null : renderError(): renderError()
 }
 
 export default PayPage