diff --git a/bundle/reserve/notice.vue b/bundle/reserve/notice.vue
new file mode 100644
index 0000000..0caa879
--- /dev/null
+++ b/bundle/reserve/notice.vue
@@ -0,0 +1,102 @@
+<template>
+    <view class="notice">
+        <view class="notice-logo">
+            <image style="width: 220rpx;height: 220rpx;" src="@/static/notice.png" mode=""></image>
+        </view>
+        <view class="notice-txt">
+            <view class="notice-title">场馆预约成功</view>
+            <view class="notice-desc">可以点击下方查看预约单具体信息</view>
+        </view>
+
+        <view class="btn">
+            <view class="btn1">查看订单</view>
+            <view class="btn2">完成</view>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            };
+        },
+
+        onLoad(args) {
+		    this.getData();
+        }, 
+
+        methods: {
+            getData() {
+               
+            },
+        }
+    };
+</script>
+
+<style lang="scss">
+	page {
+		background-color: $xh-bg;
+	}
+
+    .notice {
+        .notice-logo {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            margin-top: 126rpx;
+        }
+
+        .notice-txt {
+            margin-top: 76rpx;
+            text-align: center;
+
+            .notice-title {
+                font-size: 36rpx;
+                color: #303133;
+                line-height: 50rpx;
+            }
+
+            .notice-desc {
+                font-weight: 400;
+                font-size: 28rpx;
+                color: #9CA3AF;
+                line-height: 40rpx;
+                margin-top: 20rpx;
+            }
+        }
+
+        .btn {
+            margin-top: 78rpx;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            
+            .btn1 {
+                width: 300rpx;
+                height: 90rpx;
+                text-align: center;
+                line-height: 90rpx;
+                background-color: #fff;
+                font-weight: 500;
+                font-size: 30rpx;
+                color: #303133;
+                border-radius: 24rpx;
+                margin-right: 28rpx;
+            }
+
+            .btn2 {
+                width: 300rpx;
+                height: 90rpx;
+                text-align: center;
+                line-height: 90rpx;
+                background-color: #365A9A;
+                font-weight: 500;
+                font-size: 30rpx;
+                color: #FFFFFF;
+                border-radius: 24rpx;
+            }
+        }
+    }
+</style>
diff --git a/components/uni-popup.vue b/components/uni-popup.vue
index d4d4e22..7fc7b05 100644
--- a/components/uni-popup.vue
+++ b/components/uni-popup.vue
@@ -1,6 +1,5 @@
 <template>
 	<view>
-		backgroundColor__{{ backgroundColor }}
 		<view class="uni-mask" v-show="show" :style="{top:offsetTop + 'px'}" @click="hide"></view>
 		<view :class="['uni-popup','uni-popup-'+type]" v-show="show" 
 			:style="'width:'+width+'rpx; heigth:'+heigth+'rpx;padding:'+padding+'rpx;background-color:'+backgroundColor+';box-shadow:'+boxShadow+';border-radius:'+radius+'rpx;'">
diff --git a/pages.json b/pages.json
index 96aca3c..048181b 100644
--- a/pages.json
+++ b/pages.json
@@ -967,6 +967,12 @@
 				"style": {
 					"navigationStyle": "custom"
 				}
+			},
+			{
+				"path": "reserve/notice",
+				"style": {
+					"navigationBarTitleText": "支付结果"
+				}
 			}
 		]
 	}],
diff --git a/pages/index/index.vue b/pages/index/index.vue
index eac6afc..265ef81 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -582,6 +582,7 @@ export default {
 		top: 0;
 		left: 0;
 		z-index: 100;
+		padding-bottom: 20rpx;
 	}
 
 	.head_top {
diff --git a/static/notice.png b/static/notice.png
new file mode 100644
index 0000000..a9373cb
Binary files /dev/null and b/static/notice.png differ