diff --git a/reservation/ticketCode/index.vue b/reservation/ticketCode/index.vue
new file mode 100644
index 00000000..8083a88e
--- /dev/null
+++ b/reservation/ticketCode/index.vue
@@ -0,0 +1,51 @@
+<template>
+    <view class="container">
+        <view class="title">{{ title }}</view>
+        <view class="main">
+            <image class="code_pic" :src="picUrl + pic" mode="" />
+        </view>
+    </view>
+</template>
+
+<script>
+
+
+export default {
+    data() {
+        return {
+            picUrl: img_url,
+            pic: '',
+            title: '',
+        }
+    },
+    onLoad(options) {
+        this.pic = options.pic;
+        this.title = options.name;
+    }
+}
+</script>
+
+<style>
+.title {
+    text-align: center;
+    margin-top: 80rpx;
+    margin-bottom: 10rpx;
+}
+
+.main {
+    width: 494rpx;
+    height: 454rpx;
+    margin: 44rpx auto 0;
+    background: #FFFFFF;
+    border-radius: 41rpx 41rpx 41rpx 41rpx;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.code_pic {
+    width: 331rpx;
+    height: 336rpx;
+}
+</style>
\ No newline at end of file