From 479d9dec101059e741a44e7da9214fb5985e16e9 Mon Sep 17 00:00:00 2001 From: yixu Date: Fri, 26 Dec 2025 21:07:57 +0800 Subject: [PATCH] update --- src/components/GamePage.vue | 4 ++-- src/components/GameSwiper.vue | 7 ++++--- src/components/HomePage.vue | 6 +++--- src/components/Lottery.vue | 3 ++- src/components/PopupMore.vue | 3 ++- src/components/PrizeList.vue | 3 ++- src/components/Rule.vue | 3 ++- src/components/SharePage.vue | 3 ++- src/components/TodoList.vue | 3 ++- 9 files changed, 21 insertions(+), 14 deletions(-) diff --git a/src/components/GamePage.vue b/src/components/GamePage.vue index 8eba75b..03ed9c0 100644 --- a/src/components/GamePage.vue +++ b/src/components/GamePage.vue @@ -347,9 +347,9 @@ onUnmounted(() => { justify-content: center; padding: 20px; box-sizing: border-box; - background-size: cover; + background-size: 100% auto; background-repeat: no-repeat; - background-position: center; + background-position: 0 0; } /* 让两个背景层叠放满屏 */ diff --git a/src/components/GameSwiper.vue b/src/components/GameSwiper.vue index d8851c7..f093afd 100644 --- a/src/components/GameSwiper.vue +++ b/src/components/GameSwiper.vue @@ -393,7 +393,7 @@ onUnmounted(() => { .item-3 { width: 46vw; - bottom: 14vw; + top: 163vw; animation-delay: 0s; } @@ -413,9 +413,9 @@ onUnmounted(() => { padding: 5.33vw; box-sizing: border-box; background-image: url('../assets/images/new/swiper-page-bg.webp'); - background-size: cover; + background-size: 100% auto; background-repeat: no-repeat; - background-position: center; + background-position: 0 0; } .carousel-container { @@ -425,6 +425,7 @@ onUnmounted(() => { /* 0 20px -> 0 5.33vw */ padding: 0 5.33vw; box-sizing: border-box; + top: -18vw; } .carousel-wrapper { diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue index fbdea4a..4ecce57 100644 --- a/src/components/HomePage.vue +++ b/src/components/HomePage.vue @@ -874,9 +874,9 @@ globalToastEvent.on(ToastType.SHOW_ADDRESS,(id)=>{ } .item-5 { - width: 11vw; - top: 8vw; - right: 4vw; + width: 15vw; + top: 6vw; + right: 3vw; animation-delay: 0s; } diff --git a/src/components/Lottery.vue b/src/components/Lottery.vue index 96d9fd8..9a4f362 100644 --- a/src/components/Lottery.vue +++ b/src/components/Lottery.vue @@ -662,7 +662,8 @@ onUnmounted(() => { /* background-image: url("../assets/images/new/lottery-bg.webp"); */ /* background-image: url("../assets/images/new/NO-prize-bg.webp"); */ background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: 0 0; } .close { diff --git a/src/components/PopupMore.vue b/src/components/PopupMore.vue index 0e0c91b..3fd8109 100644 --- a/src/components/PopupMore.vue +++ b/src/components/PopupMore.vue @@ -58,7 +58,8 @@ const startNow = () => { width: 100vw; height: 217vw; background-image: url("../assets/images/new/share-bg1.webp"); - background-size: cover; + background-size: 100% auto; + background-position: 0 0; background-repeat: no-repeat; display: flex; flex-direction: column; diff --git a/src/components/PrizeList.vue b/src/components/PrizeList.vue index dcb26b7..9e00f12 100644 --- a/src/components/PrizeList.vue +++ b/src/components/PrizeList.vue @@ -66,7 +66,8 @@ const handleItemBtn = (id, event) => { height: 110vw; background-image: url("../assets/images/new/prizelist-bg.webp"); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: 0 0; display: flex; align-items: flex-end; } diff --git a/src/components/Rule.vue b/src/components/Rule.vue index d427a02..552d628 100644 --- a/src/components/Rule.vue +++ b/src/components/Rule.vue @@ -29,7 +29,8 @@ const emit = defineEmits(['close']) height: 151vw; background-image: url("../assets/images/new/rule-bg.webp"); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: 0 0; } .rule-content{ position: absolute; diff --git a/src/components/SharePage.vue b/src/components/SharePage.vue index d6ea5a5..4c9bb5f 100644 --- a/src/components/SharePage.vue +++ b/src/components/SharePage.vue @@ -98,7 +98,8 @@ const handleHaibao = async () => { width: 100vw; height: 217vw; background-image: url("../assets/images/new/todolist-bg.webp"); - background-size: cover; + background-size: 100% auto; + background-position: 0 0; background-repeat: no-repeat; display: flex; flex-direction: column; diff --git a/src/components/TodoList.vue b/src/components/TodoList.vue index c234c20..099f609 100644 --- a/src/components/TodoList.vue +++ b/src/components/TodoList.vue @@ -202,7 +202,8 @@ const openQiwei = (e) => { height: 94vw; background-image: url("../assets/images/new/todo-bg.webp"); background-repeat: no-repeat; - background-size: 100%; + background-size: 100% auto; + background-position: 0 0; } .btn-group {