添加支付结果页布局；

app.json

 {
   "pages": [
+    "pages/payresult/payresult",
     "pages/index/index"
   ],
   "window": {

pages/payresult/payresult.acss

+page {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    background: #F3F7F9;
+}
+
+.topView {
+    position: relative;
+    width: 768rpx;
+    height: 60rpx;
+    background: #ffffff;
+    /* border: 2px solid red; */
+}
+
+.backButton {
+    color: #333333;
+    font-size: 19rpx;
+    line-height: 60rpx;
+    height: 60rpx;
+    width: 110rpx;
+    text-align: center;
+    /* border: 2px solid red; */
+    position: relative;
+}
+
+.bottomView {
+    position: relative;
+    width: 100%;
+    height: 372rpx;
+    /* border: 2px solid red; */
+}
+
+.leftView {
+    display: flex;
+    position: absolute;
+    left: 0rpx;
+    top: 0rpx;
+    width: 406rpx;
+    flex-direction: column;
+    align-items: center;
+    height: 372rpx;
+    /* border: 2px solid red; */
+}
+
+.rightView {
+    display: flex;
+    right: 0rpx;
+    top: 0rpx;
+    position: absolute;
+    flex-direction: column;
+    align-items: center;
+    width: 362rpx;
+    align-items: center;
+    background: #ffffff;
+    height: 372rpx;
+    /* border: 2px solid red; */
+}
\ No newline at end of file

pages/payresult/payresult.axml

+<view class="page">
+  <!--top view-->
+  <view class="topView">
+    <!--back button-->
+    <view class="backButton">
+      <image mode="aspectFit" style="position:absolute;width:11rpx;height:17rpx;left: 18rpx;top:22rpx;" src="/images/icon_back.png"/>
+      <text>返回</text>
+    </view>
+  </view>
+
+  <!--bottom view-->
+  <view class="bottomView">
+    <!--left view-->
+    <view class="leftView">
+      <!--错误按钮-->
+      <image mode="aspectFit" style="width:101rpx;height:101rpx;margin-top:43rpx;" src="/images/icon_failed.png"/>
+      <text style="font-size:26rpx;color:#FF0000;font-weight:bold;margin-top:14rpx;">{{payResult}}</text>
+      <text style="font-size:19rpx;color:#000000;margin-top:24rpx;width:292rpx;text-align:center;">失败原因：{{payFailedReason}}</text>
+    </view>
+    <!--right view-->
+    <view class="rightView">
+      <text style="font-size:26rpx;color:#333333;font-weight:bold;margin-top:35rpx;">请重新支付...</text>
+      <image mode="aspectFit" style="width:166rpx;height:143rpx;margin-top:39rpx;" src="/images/img_scan_guide.png"/>
+      <button type="primary" style="height:60rpx;margin-top:32rpx;border-radius:5rpx;background-color:#007AFF;border-color:#007AFF;opacity: 0.7;width:252rpx;" hover-class="loginButtonHover" onTap="">重新付款</button>
+    </view>
+  </view>
+</view>
\ No newline at end of file

pages/payresult/payresult.js

+Page({
+  data: {
+    payResult:"收款失败",
+    payFailedReason:"xxxxxxxxxxx"
+  },
+  onLoad() {},
+});

pages/payresult/payresult.json

+{
+    "transparentTitle": "always"
+}
\ No newline at end of file