From 92bfb5d99969b47c056657cc0cc03a49157a1f41 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Thu, 7 Dec 2023 13:07:01 +0800
Subject: [PATCH] submit

---
 src/components/display-box/index.vue |  76 ++++++++++++++++++++++
 src/http/init.ts                     |   1 -
 src/pages.json                       |  10 +++
 src/pages/ticket-details/index.vue   |  90 +++++++++++++++++++++++++++
 src/static/zu1053@3x.png             | Bin 0 -> 1906 bytes
 5 files changed, 176 insertions(+), 1 deletion(-)
 create mode 100644 src/components/display-box/index.vue
 create mode 100644 src/pages/ticket-details/index.vue
 create mode 100644 src/static/zu1053@3x.png

diff --git a/src/components/display-box/index.vue b/src/components/display-box/index.vue
new file mode 100644
index 00000000..d524492c
--- /dev/null
+++ b/src/components/display-box/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="content2">
+    <div class="wrap1" v-for="item in result">
+      <div class="wrap1_1">
+        <slot  :name="Object.keys(item).find(x=>x.includes('l'))"></slot>
+      </div>
+      <div class="wrap1_2">
+        <slot  :name="Object.keys(item).find(x=>x.includes('r'))"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup >
+import {useSlots,ref} from 'vue'
+const slots = useSlots();
+const groupObjectsByNumberKeys=(obj)=> {
+  const grouped = {};
+  for (const key in obj) {
+    const numericPart = key.slice(1);
+    if (!grouped[numericPart]) {
+      grouped[numericPart] = {};
+    }
+    grouped[numericPart][key] = obj[key];
+  }
+  return Object.values(grouped);
+}
+const result = ref(groupObjectsByNumberKeys(slots))
+</script>
+
+
+
+<style scoped lang="scss">
+.content2{
+  margin-top: 38rpx;
+  background-color: #fff;
+  border-radius: 20rpx;
+  padding-left: 18rpx;
+  padding-right: 32rpx;
+  .wrap1{
+    padding-left: 14rpx;
+    padding-top: 26rpx;
+    padding-bottom: 22rpx;
+    border-bottom: 1rpx solid #E4EAF1;;
+    display: flex;
+    .wrap1_2{
+      padding-left: 36rpx;
+      font-size: 24rpx;
+      color: #939393;
+    }
+    .wrap1_1{
+      display: flex;
+      align-items: center;
+      width: 192rpx;
+      border-right: 1rpx solid #E4EAF1;
+      .wrap1_1_1{
+        font-size: 24rpx;
+        color: #626262;
+        margin-right: 12rpx;
+      }
+      .wrap1_1_2{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 16rpx;
+        color: #fff;
+        width: 80rpx;
+        height: 28rpx;
+        background-color:#FFCD5C ;
+        border-radius: 24rpx;
+
+      }
+    }
+
+  }
+}
+</style>
diff --git a/src/http/init.ts b/src/http/init.ts
index b67950a0..96ba9b85 100644
--- a/src/http/init.ts
+++ b/src/http/init.ts
@@ -1,5 +1,4 @@
 import {uniFetch} from "@/http/main";
-
 const fetch = new uniFetch({
     baseUrl: 'https://warehouse.szjixun.cn',
     interceptors: {
diff --git a/src/pages.json b/src/pages.json
index 8b57a25b..6801f8ab 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -15,6 +15,16 @@
 			}
 		}
 		},
+		{
+			"path": "pages/ticket-details/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"app-plus": {
+					"titleNView": false // 禁用原生导航
+				}
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {
diff --git a/src/pages/ticket-details/index.vue b/src/pages/ticket-details/index.vue
new file mode 100644
index 00000000..3991bc6b
--- /dev/null
+++ b/src/pages/ticket-details/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <div class="large-container">
+    <div class="content1">
+      <div class="wrap1">
+        <image src="../../static/zu1053@3x.png"></image>
+      </div>
+      <div class="wrap2">门票系统的某个场馆</div>
+    </div>
+    <div class="content2">
+      <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>
+</template>
+<script setup>
+import displayBox from '../../components/display-box/index.vue'
+const list = [{}]
+</script>
+<style scoped lang="scss">
+.box-left{
+  font-size: 24rpx;
+  color: #000;
+}
+.box-right{
+  font-size: 24rpx;
+  color: #72665F;
+}
+.large-container {
+  flex-grow: 1;
+  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;
+
+  .content2 {
+    margin-top: 12rpx;
+    width: 100%;
+
+    image {
+      width: 100%;
+      height: 354rpx;
+    }
+  }
+
+  .content1 {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 60rpx;
+    background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/72db012a-0443-4977-956a-f9b20c6faa29.png");
+    background-size: 100%;
+
+    .wrap2 {
+      font-size: 32rpx;
+      color: #fff;
+    }
+
+    .wrap1 {
+      margin-right: 10rpx;
+      margin-left: 18rpx;
+
+      image {
+        width: 21.18rpx;
+        height: 29rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/static/zu1053@3x.png b/src/static/zu1053@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e23d474e6721955bd92e4e839d4ae6ffc514202
GIT binary patch
literal 1906
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

literal 0
HcmV?d00001