xingyy 11 months ago
parent c7ddd149a8
commit dad372d0b2

@ -37,7 +37,6 @@
</div>
</div>
<div class="content3">
</div>
<div class="content4">
<div class="wrap1">·我未使用的门票</div>

@ -4,26 +4,148 @@
<div class="content2"></div>
<div class="content3">
<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>
</template>
<script>
export default {
name: "view-venues"
name: "view-venues",
data(){
return{
dialog:false
}
}
}
</script>
<style scoped lang="scss">
.com-root{
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{
top: 50%;
transform: translateY(-50%);
z-index: 999;
position: absolute;
image{
width: 750rpx;
height: 1449.44rpx;
}
.wrap1{
position: absolute;
left: 44rpx;
bottom: 136rpx;
image{
width: 218rpx;
height: 52rpx;
}
}
}
.content2{
transform:rotate(180deg) ;

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -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)'))
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>

@ -1,7 +1,7 @@
{
"ticketData": [
{
"name": "上海场馆",
"name": "首都博物馆(东馆)",
"typeNum": "2"
},
@ -21,6 +21,12 @@
}
],
"elector": [
{
"url": "../../static/elector-5.png",
"name": "首都博物馆(东馆)",
"canReserve": "1000",
"total": "1000"
},
{
"url": "../../static/elector-1.png",
"name": "首都博物馆门票",

Loading…
Cancel
Save