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",
"style": {

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

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

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

@ -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%;