|
@@ -3,6 +3,7 @@
|
|
|
<!-- open -->
|
|
|
<div v-if="data.status == 'opened'" class="opened">
|
|
|
<div class="header" :style="{ 'backgroundImage': `url(${require('../assets/svg/back-head-top.svg')})` }">
|
|
|
+ <div class="seat"></div>
|
|
|
<div class="title">Awesome! You Will Get</div>
|
|
|
<div class="money">
|
|
|
<img :src="require('../assets/svg/icon-dollar.svg')" alt />
|
|
@@ -75,6 +76,7 @@
|
|
|
<!-- success -->
|
|
|
<div v-else-if="data.status == 'success'" class="success">
|
|
|
<div class="header" :style="{ 'backgroundImage': `url(${require('../assets/svg/back-head-top.svg')})` }">
|
|
|
+ <div class="seat"></div>
|
|
|
<div class="money">
|
|
|
<img :src="require('../assets/svg/icon-dollar.svg')" alt />
|
|
|
<span class="big">{{ data.money / 100 }}</span>
|
|
@@ -155,6 +157,7 @@
|
|
|
<!-- 红包被领完了 -->
|
|
|
<div v-else-if="data.status == 'close'" class="close">
|
|
|
<div class="header" :style="{ 'backgroundImage': `url(${require('../assets/svg/back-head-top.svg')})` }">
|
|
|
+ <div class="seat"></div>
|
|
|
<div class="close-title">{{ data.close_title }}</div>
|
|
|
<div class="close-title" v-if="data.close_text">{{ data.close_text }}</div>
|
|
|
</div>
|
|
@@ -720,6 +723,11 @@ body {
|
|
|
background-size: 100% 100%;
|
|
|
position: relative;
|
|
|
|
|
|
+ .seat {
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
.done {
|
|
|
cursor: pointer;
|
|
|
position: absolute;
|
|
@@ -918,6 +926,11 @@ body {
|
|
|
// padding-top: 30px;
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
+ .seat {
|
|
|
+ width: 100%;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
.title {
|
|
|
color: #fff7e4;
|
|
|
opacity: 0.6;
|
|
@@ -926,7 +939,6 @@ body {
|
|
|
font-size: 18px;
|
|
|
line-height: 21px;
|
|
|
letter-spacing: -0.3px;
|
|
|
- margin-top: 30px;
|
|
|
}
|
|
|
|
|
|
.money {
|