s
This commit is contained in:
parent
c7ddd149a8
commit
dad372d0b2
@ -37,7 +37,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content3">
|
<div class="content3">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="content4">
|
<div class="content4">
|
||||||
<div class="wrap1">·我未使用的门票</div>
|
<div class="wrap1">·我未使用的门票</div>
|
||||||
|
|||||||
@ -4,26 +4,148 @@
|
|||||||
<div class="content2"></div>
|
<div class="content2"></div>
|
||||||
<div class="content3">
|
<div class="content3">
|
||||||
<image src="../../static/gdz49@3x.png"></image>
|
<image src="../../static/gdz49@3x.png"></image>
|
||||||
|
<div class="wrap1" @click="dialog=true">
|
||||||
|
<image src="../../static/zu1041@3x.png"></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="dialog" class="content4">
|
||||||
|
<div class="wrap1">
|
||||||
|
<div class="wrap1_1">
|
||||||
|
<div class="wrap1_1_1">
|
||||||
|
区块链证书
|
||||||
|
</div>
|
||||||
|
<div class="wrap1_1_2">
|
||||||
|
<div class="wrap1_1_2_1">·门票名称</div>
|
||||||
|
<div class="wrap1_1_2_2">首都博物馆（东馆）门票</div>
|
||||||
|
</div>
|
||||||
|
<div class="wrap1_1_2">
|
||||||
|
<div class="wrap1_1_2_1">·门票哈希值</div>
|
||||||
|
<div class="wrap1_1_2_2">c2a0d549c24418bd78a137e9c45544627
|
||||||
|
8ce2a7a6e0ca6517e70f76a3191a9a</div>
|
||||||
|
</div>
|
||||||
|
<div class="wrap1_1_2">
|
||||||
|
<div class="wrap1_1_2_1">·门票编码</div>
|
||||||
|
<div class="wrap1_1_2_2">AC#JYQZM#8820203397</div>
|
||||||
|
</div>
|
||||||
|
<div class="wrap1_1_2">
|
||||||
|
<div class="wrap1_1_2_1">·门票发行方</div>
|
||||||
|
<div class="wrap1_1_2_2">首都博物馆</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="wrap1_2">
|
||||||
|
<div class="wrap1_2_1" @click="dialog=false">退出</div>
|
||||||
|
<image style="width:28rpx;height: 28rpx " src="../../static/zu1043@3x.png"></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "view-venues"
|
name: "view-venues",
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
dialog:false
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.com-root{
|
.com-root{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.content4{
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,0.5);
|
||||||
|
|
||||||
|
.wrap1{
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
position: absolute;
|
||||||
|
background-size: contain;
|
||||||
|
width: 610.98rpx;
|
||||||
|
height: 674.07rpx;
|
||||||
|
background-image: url("../../static/jx1816@3x.png");
|
||||||
|
padding-top: 22rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-left: 22rpx;
|
||||||
|
.wrap1_2{
|
||||||
|
z-index: 999;
|
||||||
|
right: 18rpx;
|
||||||
|
top:-20rpx;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.wrap1_2_1{
|
||||||
|
margin-right: 8rpx;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wrap1_1{
|
||||||
|
|
||||||
|
width: 568rpx;
|
||||||
|
height: 636rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding-left: 34rpx;
|
||||||
|
padding-right: 34rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-weight: 700;
|
||||||
|
.wrap1_1_2{
|
||||||
|
padding-top: 16rpx;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 1px solid #DBEDE7;
|
||||||
|
&:last-child{
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.wrap1_1_2_2{
|
||||||
|
margin-top: 16rpx;
|
||||||
|
color: #3C3C3C;
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
}
|
||||||
|
.wrap1_1_2_1{
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #2E765E;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wrap1_1_1{
|
||||||
|
border-bottom: 1px solid #2E765E;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 86rpx;
|
||||||
|
color: #2E765E;
|
||||||
|
font-size: 32rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.content3{
|
.content3{
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
z-index: 999;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
image{
|
image{
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
height: 1449.44rpx;
|
height: 1449.44rpx;
|
||||||
}
|
}
|
||||||
|
.wrap1{
|
||||||
|
position: absolute;
|
||||||
|
left: 44rpx;
|
||||||
|
bottom: 136rpx;
|
||||||
|
image{
|
||||||
|
width: 218rpx;
|
||||||
|
height: 52rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.content2{
|
.content2{
|
||||||
transform:rotate(180deg) ;
|
transform:rotate(180deg) ;
|
||||||
|
|||||||
BIN
static/jx1816@3x.png
Normal file
BIN
static/jx1816@3x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
static/zu1041@3x.png
Normal file
BIN
static/zu1041@3x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/zu1043@3x.png
Normal file
BIN
static/zu1043@3x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
2
unpackage/dist/index.html
vendored
2
unpackage/dist/index.html
vendored
@ -1,2 +1,2 @@
|
|||||||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>uni-admission-fee</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>uni-admission-fee</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.3a42503c.js></script><script src=/static/js/index.82cdda77.js></script></body></html>
|
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.3a42503c.js></script><script src=/static/js/index.d378956c.js></script></body></html>
|
||||||
8
unpackage/dist/static/pageData.json
vendored
8
unpackage/dist/static/pageData.json
vendored
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"ticketData": [
|
"ticketData": [
|
||||||
{
|
{
|
||||||
"name": "上海场馆",
|
"name": "首都博物馆（东馆）",
|
||||||
"typeNum": "2"
|
"typeNum": "2"
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -21,6 +21,12 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"elector": [
|
"elector": [
|
||||||
|
{
|
||||||
|
"url": "../../static/elector-5.png",
|
||||||
|
"name": "首都博物馆（东馆）",
|
||||||
|
"canReserve": "1000",
|
||||||
|
"total": "1000"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"url": "../../static/elector-1.png",
|
"url": "../../static/elector-1.png",
|
||||||
"name": "首都博物馆门票",
|
"name": "首都博物馆门票",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user