|
@@ -13,10 +13,11 @@
|
|
<div class="ticket-total">
|
|
<div class="ticket-total">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in ticketlist" :key="item.code">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in ticketlist" :key="item.code">
|
|
<div class="ticket-total-item-title">
|
|
<div class="ticket-total-item-title">
|
|
- <div class="ticket-subhead">票卷码</div>
|
|
|
|
|
|
+ <div class="ticket-subhead">兑换券</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket-total-item-content">
|
|
<div class="ticket-total-item-content">
|
|
|
|
+ <p class="ticket-total-title">授权</p>
|
|
<div class="ticket-total-item-scope">
|
|
<div class="ticket-total-item-scope">
|
|
{{item.scope}}
|
|
{{item.scope}}
|
|
</div>
|
|
</div>
|
|
@@ -42,7 +43,7 @@
|
|
<div class="ticket-total">
|
|
<div class="ticket-total">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in usedata" :key="item.code">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in usedata" :key="item.code">
|
|
<div class="ticket-total-item-title">
|
|
<div class="ticket-total-item-title">
|
|
- <div class="ticket-subhead">票卷码</div>
|
|
|
|
|
|
+ <div class="ticket-subhead">兑换券</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket-total-item-content">
|
|
<div class="ticket-total-item-content">
|
|
@@ -68,10 +69,11 @@
|
|
<div class="ticket-total">
|
|
<div class="ticket-total">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in gaindata" :key="item.code">
|
|
<div :class="[item.type ==='use' ? 'usebox':'','ticket-total-item']" v-for="item in gaindata" :key="item.code">
|
|
<div class="ticket-total-item-title">
|
|
<div class="ticket-total-item-title">
|
|
- <div class="ticket-subhead">票卷码</div>
|
|
|
|
|
|
+ <div class="ticket-subhead">兑换券</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
<div class="ticket-code">{{item.code}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket-total-item-content">
|
|
<div class="ticket-total-item-content">
|
|
|
|
+ <p>授权</p>
|
|
<div class="ticket-total-item-scope">
|
|
<div class="ticket-total-item-scope">
|
|
{{item.scope}}
|
|
{{item.scope}}
|
|
</div>
|
|
</div>
|
|
@@ -150,39 +152,45 @@ let gaindata = computed(() => {
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
width:100%;
|
|
width:100%;
|
|
height:100px;
|
|
height:100px;
|
|
- line-height: 20px;
|
|
|
|
|
|
+ line-height: 16px;
|
|
padding: 10px 10px;
|
|
padding: 10px 10px;
|
|
margin:10px 1px;
|
|
margin:10px 1px;
|
|
align-items: center;
|
|
align-items: center;
|
|
- transition: transform 0.3s ease;
|
|
|
|
|
|
+ transition: transform 0.2s ease;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
-.ticket-total-item:hover{
|
|
|
|
- transform: scale(1.05)
|
|
|
|
-}
|
|
|
|
|
|
+/* .ticket-total-item:hover{
|
|
|
|
+ transform: scale(1.03)
|
|
|
|
+} */
|
|
.ticket-total-item-title{
|
|
.ticket-total-item-title{
|
|
- width:50%;
|
|
|
|
|
|
+ width:55%;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
+ padding: 0% 3%;
|
|
}
|
|
}
|
|
.ticket-subhead{
|
|
.ticket-subhead{
|
|
- font-size:14px;
|
|
|
|
|
|
+ font-size:18px;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
margin:5px 0px;
|
|
margin:5px 0px;
|
|
}
|
|
}
|
|
.ticket-code{
|
|
.ticket-code{
|
|
- font-size:16px;
|
|
|
|
- font-weight: bold;
|
|
|
|
|
|
+ font-size:14px;
|
|
|
|
+ /* font-weight: bold; */
|
|
|
|
+ margin-top:5px;
|
|
}
|
|
}
|
|
.ticket-total-item-scope{
|
|
.ticket-total-item-scope{
|
|
- font-size:14px;
|
|
|
|
|
|
+ font-size:12px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color:#fff;
|
|
|
|
+ margin-bottom: 10px;
|
|
}
|
|
}
|
|
.ticket-total-item-content{
|
|
.ticket-total-item-content{
|
|
- width:50%;
|
|
|
|
|
|
+ width:44%;
|
|
|
|
+ padding-left:3%;
|
|
}
|
|
}
|
|
.ticket-total-item-time,.ticket-total-item-type{
|
|
.ticket-total-item-time,.ticket-total-item-type{
|
|
- font-size:12px;
|
|
|
|
- color:#bbbecd;
|
|
|
|
|
|
+ font-size:10px;
|
|
|
|
+ color:rgba(255,255,255,.6);
|
|
}
|
|
}
|
|
.ticket-total-item-usetime{
|
|
.ticket-total-item-usetime{
|
|
font-size:12px;
|
|
font-size:12px;
|
|
@@ -204,7 +212,13 @@ let gaindata = computed(() => {
|
|
margin-left: 0px;
|
|
margin-left: 0px;
|
|
z-index:999999;
|
|
z-index:999999;
|
|
}
|
|
}
|
|
-.usebox{
|
|
|
|
- color:#bbbecd !important;
|
|
|
|
|
|
+.ticket-total-title{
|
|
|
|
+ font-size:14px;
|
|
|
|
+ color:#fff;
|
|
|
|
+ margin-bottom: 4px;
|
|
}
|
|
}
|
|
|
|
+/* .usebox{
|
|
|
|
+ color:rgba(255,255,255,.9) !important;
|
|
|
|
+} */
|
|
|
|
+
|
|
</style>
|
|
</style>
|