update

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;
 }
 
 /* 让两个背景层叠放满屏 */

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 {

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;
 }
 

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 {

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;

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;
 }

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;

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;

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 {