From fa76fad14d30de7bad444dfd79edd7bc3ba73488 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Tue, 19 Dec 2023 20:02:07 +0800
Subject: [PATCH] submit

---
 src/pages.json                     |  11 +++
 src/pages/mine/index.vue           |   1 -
 src/pages/ticket-details/index.vue | 132 ++++++++++++++++++++++++-----
 3 files changed, 121 insertions(+), 23 deletions(-)

diff --git a/src/pages.json b/src/pages.json
index 5809ec76..8a97521a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -87,6 +87,17 @@
         }
       }
     },
+    {
+      "path": "pages/ticket-details/index",
+      "style": {
+        "navigationStyle": "custom",
+        "navigationBarTitleText": "",
+        "enablePullDownRefresh": false,
+        "app-plus": {
+          "titleNView": false // 禁用原生导航
+        }
+      }
+    },
     {
       "path": "pages/setup/index",
       "style": {
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index b9bb2b8a..c5dad57d 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -117,7 +117,6 @@ const switchOptions=async (num)=>{
   }
   currentTab.value=num
 }
-
 const goViewVenues = () => {
   uni.navigateTo({
     url: '/pages/view-venues/index'
diff --git a/src/pages/ticket-details/index.vue b/src/pages/ticket-details/index.vue
index 3991bc6b..8a114739 100644
--- a/src/pages/ticket-details/index.vue
+++ b/src/pages/ticket-details/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <custom-title   class="title-block" title="门票详情">
+  </custom-title>
   <div class="large-container">
     <div class="content1">
       <div class="wrap1">
@@ -10,28 +12,100 @@
       <image
           src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/2ec9fcae-55af-4ccd-8e92-6848282101bb.png"></image>
     </div>
-    <display-box>
-      <template #l1>
-        <div class="box-left">
-          门票名称
-        </div>
-      </template>
-      <template #r1>
-        <div class="box-right">
-          首都博物馆门票
-        </div>
-      </template>
-      <template #l2>
-        <div class="box-left">
-          预留手机号(+86)
-        </div>
-      </template>
-      <template #r2>
-        <div class="box-right">
-          192119280121
-        </div>
-      </template>
-    </display-box>
+    <div class="content3">
+      <display-box>
+        <template #l1>
+          <div class="box-left">
+            门票名称
+          </div>
+        </template>
+        <template #r1>
+          <div class="box-right">
+            首都博物馆门票
+          </div>
+        </template>
+        <template #l2>
+          <div class="box-left">
+            预留手机号(+86)
+          </div>
+        </template>
+        <template #r2>
+          <div class="box-right">
+            192119280121
+          </div>
+        </template>
+        <template #l3>
+          <div class="box-left">
+            预约时间
+          </div>
+        </template>
+        <template #r3>
+          <div class="box-right">
+            2023年12月16日
+          </div>
+        </template>
+        <template #l4>
+          <div class="box-left">
+            预约人数
+          </div>
+        </template>
+        <template #r4>
+          <div class="box-right">
+            2
+          </div>
+        </template>
+      </display-box>
+    </div>
+    <div class="content4">
+    </div>
+    <div class="content5">
+      *参观人的身份证信息
+    </div>
+    <div class="content6">
+      <display-box>
+        <template #l1>
+          <div class="box-left">
+            姓名
+          </div>
+        </template>
+        <template #r1>
+          <div class="box-right" style="display: flex;align-items: center">
+            <div style="margin-right: 32rpx">陈X</div>
+            <div style="width: 112rpx;height: 40rpx;background-color: #000;color: #fff;font-size: 20rpx;border-radius: 22rpx;display: flex;justify-content: center;align-items: center">已过期</div>
+          </div>
+        </template>
+        <template #l2>
+          <div class="box-left">
+            预留手机号(+86)
+          </div>
+        </template>
+        <template #r2>
+          <div class="box-right">
+            192119280121
+          </div>
+        </template>
+        <template #l3>
+          <div class="box-left">
+            预约时间
+          </div>
+        </template>
+        <template #r3>
+          <div class="box-right">
+            2023年12月16日
+          </div>
+        </template>
+        <template #l4>
+          <div class="box-left">
+            预约人数
+          </div>
+        </template>
+        <template #r4>
+          <div class="box-right">
+            2
+          </div>
+        </template>
+      </display-box>
+    </div>
   </div>
 </template>
 <script setup>
@@ -52,7 +126,21 @@ const list = [{}]
   background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
   background-size: 100%;
   padding: 32rpx 42rpx 0 42rpx;
+  .content5{
+    margin-top: 24rpx;
+    color:#F7963B ;
+    font-size: 24rpx;
+  }
+  .content3{
+    margin-bottom: 28rpx;
 
+  }
+  .content4 {
+    height: 1rpx;
+    width: 100%;
+    background-image: url("../../static/zx303@3x.png");
+    background-size: 100%;
+  }
   .content2 {
     margin-top: 12rpx;
     width: 100%;