s
This commit is contained in:
parent
d5b6b30cd2
commit
adc049f3e9
14
pages.json
14
pages.json
@ -14,6 +14,20 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/view-venues",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/set-up",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/ticket/index",
|
||||
"style": {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<my-tabbar :currentPage="'pages/my/my'"></my-tabbar>
|
||||
<div class="content2">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1" >
|
||||
<image src="../../static/06@3x (1).png"></image>
|
||||
</div>
|
||||
<div class="wrap1_2">
|
||||
@ -19,7 +19,7 @@
|
||||
<div class="wrap2_1">
|
||||
<image src="../../static/zu609@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap2_2">设置</div>
|
||||
<div class="wrap2_2" @click="goRouter">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content1">
|
||||
@ -37,8 +37,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content3">
|
||||
<image style="height: 3rpx"
|
||||
src="../../static/zx303@3x.png"></image>
|
||||
|
||||
</div>
|
||||
<div class="content4">
|
||||
<div class="wrap1">·我未使用的门票</div>
|
||||
@ -50,20 +49,46 @@
|
||||
预约日期:2023.12.30
|
||||
预约类型:单人票
|
||||
</div>
|
||||
<div class="wrap2_1_3">
|
||||
<div class="wrap2_1_3" @click="goRouter1">
|
||||
<image src="../../static/zu762@3x.png"></image>
|
||||
</div>
|
||||
<image src="../../static/zu1036@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap2_2"></div>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2_1">
|
||||
<div class="wrap2_1_1">苏州博物馆元旦门票</div>
|
||||
<div class="wrap2_1_2">
|
||||
预约场馆:首都博物馆
|
||||
预约日期:2023.12.30
|
||||
预约类型:单人票
|
||||
</div>
|
||||
<div class="wrap2_1_3" @click="goRouter1">
|
||||
<image src="../../static/zu762@3x.png"></image>
|
||||
</div>
|
||||
<image src="../../static/zu1035@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap2_2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "my"
|
||||
name: "my",
|
||||
methods:{
|
||||
goRouter1(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/my/view-venues'
|
||||
})
|
||||
},
|
||||
goRouter(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/my/set-up'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -150,6 +175,7 @@ export default {
|
||||
.content4 {
|
||||
margin-top: 22rpx;
|
||||
.wrap1 {
|
||||
margin-bottom: 6rpx;
|
||||
color: #8cc4b2;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
@ -199,8 +225,10 @@ export default {
|
||||
}
|
||||
}
|
||||
.content3 {
|
||||
height: 3rpx;
|
||||
background-size: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-image: url("../../static/zx303@3x.png");
|
||||
align-items: center;
|
||||
margin-top: 38rpx;
|
||||
}
|
||||
|
||||
132
pages/my/set-up.vue
Normal file
132
pages/my/set-up.vue
Normal file
@ -0,0 +1,132 @@
|
||||
<template>
|
||||
<div class="com-root">
|
||||
<div class="content1">
|
||||
<div class="wrap1">
|
||||
<image src="../../static/06@3x (2).png"></image>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2_1">恢复默认头像</div>
|
||||
<div class="wrap2_2">更换头像</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content2">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">姓名</div>
|
||||
<div class="wrap1_1_2">已实名</div>
|
||||
<div class="wrap1_1_3">XXX</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">身份证号</div>
|
||||
<div class="wrap1_1_3">292199922283726657</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">手机号</div>
|
||||
<div class="wrap1_1_3">12318881999</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1" style="margin-top: 30rpx">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">微信号</div>
|
||||
<div class="wrap1_1_3">12318881999/may1299</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "set-up"
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.com-root{
|
||||
padding-left: 32rpx;
|
||||
padding-right: 32rpx;
|
||||
padding-top: 44rpx;
|
||||
.content2{
|
||||
|
||||
|
||||
.wrap2{
|
||||
padding: 26rpx 32rpx 22rpx 18rpx;
|
||||
}
|
||||
.wrap1{
|
||||
border-radius: 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
padding: 0rpx 32rpx 0rpx 18rpx;
|
||||
.wrap1_1{
|
||||
padding-left: 14rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 22rpx;
|
||||
padding-top: 26rpx;
|
||||
border-bottom: 1px solid #DBE4ED;
|
||||
&:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
.wrap1_1_1{
|
||||
margin-right: 28rpx;
|
||||
color: #626262;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.wrap1_1_3{
|
||||
box-sizing: border-box;
|
||||
padding-left: 36rpx;
|
||||
font-size: 24rpx;
|
||||
margin-left: auto;
|
||||
width: 444rpx;
|
||||
color:#939393 ;
|
||||
border-left: 1px solid #E4EAF1;
|
||||
}
|
||||
.wrap1_1_2{
|
||||
border-radius: 24rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
width: 80rpx;
|
||||
height: 28rpx;
|
||||
background-color: #40BE94;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content1{
|
||||
display: flex;
|
||||
padding-left: 76rpx;
|
||||
padding-right: 66rpx;
|
||||
margin-bottom: 38rpx;
|
||||
.wrap2{
|
||||
.wrap2_2{
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 348rpx;
|
||||
height: 56rpx;
|
||||
background-color: #40BE94;
|
||||
color: #fff;
|
||||
}
|
||||
.wrap2_1{
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 348rpx;
|
||||
height: 56rpx;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.wrap1{
|
||||
margin-right:42rpx;
|
||||
image{
|
||||
width: 154rpx;
|
||||
height: 154rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
22
pages/my/view-venues.vue
Normal file
22
pages/my/view-venues.vue
Normal file
@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<div class="com-root">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "view-venues"
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.com-root{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-image: url("../../static/gdz49@3x.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
BIN
static/06@3x (2).png
Normal file
BIN
static/06@3x (2).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
BIN
static/gdz49@3x.png
Normal file
BIN
static/gdz49@3x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 MiB |
BIN
static/zu1035@3x.png
Normal file
BIN
static/zu1035@3x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Loading…
Reference in New Issue
Block a user