update
This commit is contained in:
@@ -2,11 +2,11 @@
|
||||
<ModalTransition class="rule" :show="show">
|
||||
<div class="rule-wrapper">
|
||||
<div class="rule-content">
|
||||
<!-- <img src="../assets/images/rule-1.webp" alt="">
|
||||
<img src="../assets/images/rule-2.webp" alt="">
|
||||
<img src="../assets/images/rule-3.webp" alt="">
|
||||
<img src="../assets/images/rule-4.webp" alt="">
|
||||
<img src="../assets/images/rule-5.webp" alt=""> -->
|
||||
<img src="../assets/images/new/rule-1.webp" alt="">
|
||||
<img src="../assets/images/new/rule-2.webp" alt="">
|
||||
<img src="../assets/images/new/rule-3.webp" alt="">
|
||||
<img src="../assets/images/new/rule-4.webp" alt="">
|
||||
<img src="../assets/images/new/rule-5.webp" alt="">
|
||||
</div>
|
||||
<div class="close" @click="emit('close')"></div>
|
||||
</div>
|
||||
@@ -26,7 +26,7 @@ const emit = defineEmits(['close'])
|
||||
.rule-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 182vw;
|
||||
height: 151vw;
|
||||
background-image: url("../assets/images/new/rule-bg.webp");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
@@ -39,7 +39,7 @@ const emit = defineEmits(['close'])
|
||||
height: 150vw;
|
||||
overflow: auto;
|
||||
padding-right: 4vw;
|
||||
padding-bottom: 10vw;
|
||||
padding-bottom: 56vw;
|
||||
}
|
||||
.rule-content img {
|
||||
width: 100%;
|
||||
@@ -51,7 +51,7 @@ const emit = defineEmits(['close'])
|
||||
width: 11vw;
|
||||
height: 11vw;
|
||||
right: 3vw;
|
||||
top: 11vw;
|
||||
top: -16vw;
|
||||
background-image: url("../assets/images/new/close-btn.webp");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
|
||||
Reference in New Issue
Block a user