css
This commit is contained in:
@@ -50,7 +50,7 @@
|
|||||||
<div>20天</div>
|
<div>20天</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-content" :class="awardedList.length ? 'pad-b120' : 'pad-b48'">
|
<div class="box-content" :class="{'pad-b48' : !awardedList.length , 'pad-b144' : awardedList.length >= 3 , 'pad-b112' : awardedList.length == 2 , 'pad-b80' : awardedList.length == 1}">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img src="./img/title-bg.png" alt="">
|
<img src="./img/title-bg.png" alt="">
|
||||||
<p>大转盘</p>
|
<p>大转盘</p>
|
||||||
@@ -678,7 +678,7 @@ export default {
|
|||||||
padding: 22px;
|
padding: 22px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 920px;
|
top: 986px;
|
||||||
left: 32px;
|
left: 32px;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
}
|
||||||
@@ -692,11 +692,17 @@ export default {
|
|||||||
.pad-lf18 {
|
.pad-lf18 {
|
||||||
padding: 64px 18px 48px;
|
padding: 64px 18px 48px;
|
||||||
}
|
}
|
||||||
.pad-b120 {
|
.pad-b144 {
|
||||||
padding: 24px 0 134px;
|
padding: 24px 0 144px;
|
||||||
|
}
|
||||||
|
.pad-b112 {
|
||||||
|
padding: 24px 0 112px;
|
||||||
|
}
|
||||||
|
.pad-b80 {
|
||||||
|
padding: 24px 0 80px;
|
||||||
}
|
}
|
||||||
.pad-b48{
|
.pad-b48{
|
||||||
padding: 24px 0 28px;
|
padding: 24px 0 48px;
|
||||||
}
|
}
|
||||||
.share-bottom-btn {
|
.share-bottom-btn {
|
||||||
width: calc(100% - 24px);
|
width: calc(100% - 24px);
|
||||||
|
|||||||
Reference in New Issue
Block a user