diff --git a/pages.json b/pages.json
index 113e172..1bf14a5 100644
--- a/pages.json
+++ b/pages.json
@@ -25,6 +25,13 @@
 				"enablePullDownRefresh": false
 			}
 		},
+		{
+			"path": "pages/order-goods/order-details",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
 		{
 			"path": "pages/login/login",
 			"style": {
diff --git a/pages/order-goods/order-details.vue b/pages/order-goods/order-details.vue
new file mode 100644
index 0000000..943392d
--- /dev/null
+++ b/pages/order-goods/order-details.vue
@@ -0,0 +1,67 @@
+<template>
+<div class="order-details" :style="{background:'url('+'../../static/bbj1@3x.png'+')'}">
+  <div class="content1">
+    <div class="wrap1">
+      <image src="../../static/zu506@3x.png"></image>
+    </div>
+    <div class="wrap2">
+      订单号的详情
+    </div>
+    <div class="wrap3">
+      <image src="../../static/zu594@3x.png"></image>
+    </div>
+  </div>
+  <div class="content2">
+        <image src="../../static/zu709@3x.png"></image>
+  </div>
+  <div class="content3">
+
+  </div>
+</div>
+</template>
+<script>
+export default {
+  name: "order-details"
+}
+</script>
+<style scoped lang="scss">
+.order-details{
+  box-sizing: border-box;
+  padding-top: 46rpx;
+  padding-left: 30rpx;
+  padding-right: 30rpx;
+  background-size: cover;
+  width: 100vw;
+  height: 100vh;
+  .content2{
+    margin-top: 42rpx;
+    display: flex;
+    justify-content: center;
+    image{
+      width: 404rpx;
+      height: 306rpx;
+    }
+  }
+  .content1{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .wrap1{
+      image{
+        width: 112rpx;
+        height: 52rpx;
+      }
+    }
+    .wrap2{
+      color: #4E964D;
+      font-size: 32rpx;
+    }
+    .wrap3{
+      image{
+        width: 40rpx;
+        height: 40rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/static/zu506@3x.png b/static/zu506@3x.png
new file mode 100644
index 0000000..2366639
Binary files /dev/null and b/static/zu506@3x.png differ
diff --git a/static/zu594@3x.png b/static/zu594@3x.png
new file mode 100644
index 0000000..e921b40
Binary files /dev/null and b/static/zu594@3x.png differ
diff --git a/static/zu709@3x.png b/static/zu709@3x.png
new file mode 100644
index 0000000..b6bdd0a
Binary files /dev/null and b/static/zu709@3x.png differ
diff --git a/unpackage/dist/dev/mp-weixin/app.json b/unpackage/dist/dev/mp-weixin/app.json
index 32440d3..8273b9b 100644
--- a/unpackage/dist/dev/mp-weixin/app.json
+++ b/unpackage/dist/dev/mp-weixin/app.json
@@ -3,6 +3,7 @@
     "pages/home/index",
     "pages/contract/index",
     "pages/order-goods/index",
+    "pages/order-goods/order-details",
     "pages/login/login",
     "pages/mine/index"
   ],
diff --git a/unpackage/dist/dev/mp-weixin/project.private.config.json b/unpackage/dist/dev/mp-weixin/project.private.config.json
index 0ea77fa..ce55779 100644
--- a/unpackage/dist/dev/mp-weixin/project.private.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.private.config.json
@@ -9,7 +9,7 @@
             "list": [
                 {
                     "name": "",
-                    "pathName": "pages/order-goods/index",
+                    "pathName": "pages/order-goods/order-details",
                     "query": "",
                     "launchMode": "default",
                     "scene": null