s
This commit is contained in:
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) ;
|
||||
|
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)'))
|
||||
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": [
|
||||
{
|
||||
"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…
Reference in New Issue
Block a user