xingyy/uni-ticket-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submit

Browse Source
This commit is contained in:
xingyy 2023-12-19 20:02:07 +08:00
parent 0dae8e26fb
commit fa76fad14d
3 changed files with 121 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages.json
View File

@ -87,6 +87,17 @@
} }
} }
}, },
{
"path": "pages/ticket-details/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": false // 禁用原生导航
}
}
},
{ {
"path": "pages/setup/index", "path": "pages/setup/index",
"style": { "style": {

1
src/pages/mine/index.vue
View File

@ -117,7 +117,6 @@ const switchOptions=async (num)=>{
} }
currentTab.value=num currentTab.value=num
} }
const goViewVenues = () => { const goViewVenues = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/view-venues/index' url: '/pages/view-venues/index'

132
src/pages/ticket-details/index.vue
View File

@ -1,4 +1,6 @@
<template> <template>
<custom-title class="title-block" title="门票详情">
</custom-title>
<div class="large-container"> <div class="large-container">
<div class="content1"> <div class="content1">
<div class="wrap1"> <div class="wrap1">
@ -10,28 +12,100 @@
<image <image
src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/2ec9fcae-55af-4ccd-8e92-6848282101bb.png"></image> src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/2ec9fcae-55af-4ccd-8e92-6848282101bb.png"></image>
</div> </div>
<display-box> <div class="content3">
<template #l1> <display-box>
<div class="box-left"> <template #l1>
门票名称 <div class="box-left">
</div> 门票名称
</template> </div>
<template #r1> </template>
<div class="box-right"> <template #r1>
首都博物馆门票 <div class="box-right">
</div> 首都博物馆门票
</template> </div>
<template #l2> </template>
<div class="box-left"> <template #l2>
预留手机号(+86) <div class="box-left">
</div> 预留手机号(+86)
</template> </div>
<template #r2> </template>
<div class="box-right"> <template #r2>
192119280121 <div class="box-right">
</div> 192119280121
</template> </div>
</display-box> </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> </div>
</template> </template>
<script setup> <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-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
background-size: 100%; background-size: 100%;
padding: 32rpx 42rpx 0 42rpx; 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 { .content2 {
margin-top: 12rpx; margin-top: 12rpx;
width: 100%; width: 100%;