|
@@ -22,13 +22,13 @@
|
|
|
<div class="codebar" v-if="ticket.orderStatus=='GENERATE_SUCCESS'">
|
|
<div class="codebar" v-if="ticket.orderStatus=='GENERATE_SUCCESS'">
|
|
|
<swiper class="swiper" circular>
|
|
<swiper class="swiper" circular>
|
|
|
<swiper-item v-for="(i,s) in ticket.ticketCode" :key="s">
|
|
<swiper-item v-for="(i,s) in ticket.ticketCode" :key="s">
|
|
|
- <block v-for="(a,b) in i.code" :key="b" v-show="a.text=='取票码'">
|
|
|
|
|
|
|
+ <div v-for="(a,b) in i.code" :key="b" v-show="a.text=='取票码'" class="code-item">
|
|
|
<Uqrcode ref="uqcode" :code="a.value" :size="150" :class="['code-img',HaveBeenShown?'opacity':'']" />
|
|
<Uqrcode ref="uqcode" :code="a.value" :size="150" :class="['code-img',HaveBeenShown?'opacity':'']" />
|
|
|
<div class="ticketCode">取票码:<span class="dinB">{{ a.value }}</span></div>
|
|
<div class="ticketCode">取票码:<span class="dinB">{{ a.value }}</span></div>
|
|
|
- </block>
|
|
|
|
|
|
|
+ <span class="ico" v-show="HaveBeenShown">已放映</span>
|
|
|
|
|
+ </div>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
</swiper>
|
|
</swiper>
|
|
|
- <span class="ico" v-show="HaveBeenShown">已放映</span>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="await" v-else-if="ticket.orderStatus=='DEALING'">
|
|
<div class="await" v-else-if="ticket.orderStatus=='DEALING'">
|
|
|
<img class="await_img" src="http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/416c89124df9a69bb1cbfb55b1007b086031a57fpng" alt="">
|
|
<img class="await_img" src="http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/416c89124df9a69bb1cbfb55b1007b086031a57fpng" alt="">
|
|
@@ -237,17 +237,35 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.qupiao {
|
|
.qupiao {
|
|
|
- position: relative;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .opacity {
|
|
|
|
|
+ opacity: 0.25;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .swiper {
|
|
|
|
|
+ height: 360rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .ticketCode {
|
|
|
|
|
+ font-size: 25rpx;
|
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+
|
|
|
|
|
+ .dinB {
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .code-item{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ height: 360rpx;
|
|
|
|
|
+ }
|
|
|
.code-img {
|
|
.code-img {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .opacity {
|
|
|
|
|
- opacity: 0.25;
|
|
|
|
|
- }
|
|
|
|
|
.ico{
|
|
.ico{
|
|
|
padding: 5rpx 16rpx;
|
|
padding: 5rpx 16rpx;
|
|
|
color: #EB5A5F;
|
|
color: #EB5A5F;
|
|
@@ -257,8 +275,9 @@ export default {
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
left: calc(50% - 65rpx);
|
|
left: calc(50% - 65rpx);
|
|
|
- top: 210rpx;
|
|
|
|
|
|
|
+ top: 132rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.await{
|
|
.await{
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
.await_img{
|
|
.await_img{
|
|
@@ -348,18 +367,4 @@ export default {
|
|
|
border-left: 6rpx solid #EB5A5F;
|
|
border-left: 6rpx solid #EB5A5F;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-.swiper {
|
|
|
|
|
- height: 360rpx;
|
|
|
|
|
-
|
|
|
|
|
- .ticketCode {
|
|
|
|
|
- font-size: 25rpx;
|
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
-
|
|
|
|
|
- .dinB {
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
</style>
|
|
</style>
|