liuxiang/zhaoma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
yixu
2025-12-25 20:37:20 +08:00
parent af66cd6348
commit 90f8f0abf1
7 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/new/rule-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
src/assets/images/new/rule-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 KiB

BIN
src/assets/images/new/rule-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
src/assets/images/new/rule-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 KiB

BIN
src/assets/images/new/rule-5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
src/assets/images/new/rule-bg.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 454 KiB

After

Width:  |  Height:  |  Size: 95 KiB

16
src/components/Rule.vue
View File

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