From 34d23f8ea852ba9022ec97b8b68854aae108cf21 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Wed, 14 Aug 2024 15:39:03 +0800
Subject: [PATCH] 1`212

---
 env/.env.test                        |   2 +-
 src/assets/image/testcnlogin.png     | Bin 0 -> 3044 bytes
 src/views/complete/size375/index.vue |   2 +-
 src/views/confirm/index.vue          |   2 +-
 src/views/confirm/size1440/index.vue |   2 +-
 src/views/confirm/size1920/index.vue |   2 +-
 src/views/confirm/size375/index.vue  |   2 +-
 src/views/confirm/size768/index.vue  |   2 +-
 src/views/details/index.vue          |   2 +-
 src/views/details/size1440/index.vue |   2 +-
 src/views/details/size1920/index.vue |   2 +-
 src/views/details/size375/index.vue  |   2 +-
 src/views/details/size768/index.vue  |   2 +-
 src/views/entry/index.vue            |  14 ++++++++++++--
 src/views/login/index.vue            |   2 +-
 src/views/login/size1440/index.vue   |   2 +-
 src/views/login/size1920/index.vue   |   2 +-
 src/views/login/size375/index.vue    |   2 +-
 src/views/login/size768/index.vue    |   2 +-
 src/views/result/index.vue           |   2 +-
 src/views/result/size1440/index.vue  |   2 +-
 src/views/result/size1920/index.vue  |   2 +-
 src/views/result/size375/index.vue   |   2 +-
 src/views/result/size768/index.vue   |   2 +-
 src/views/signup/index.vue           |   2 +-
 src/views/signup/size1440/index.vue  |   2 +-
 src/views/signup/size1920/index.vue  |   2 +-
 src/views/signup/size375/index.vue   |   2 +-
 src/views/signup/size768/index.vue   |   2 +-
 src/views/vote/index.vue             |   2 +-
 30 files changed, 40 insertions(+), 30 deletions(-)
 create mode 100644 src/assets/image/testcnlogin.png

diff --git a/env/.env.test b/env/.env.test
index 6a7ef9a..fe49b27 100644
--- a/env/.env.test
+++ b/env/.env.test
@@ -2,4 +2,4 @@
 NODE_ENV = 'test'
 # 是否去除console 和 debugger
 VITE_DELETE_CONSOLE = false
-VITE_BASEURL = 'http://appointtest2.szjixun.cn'
+VITE_BASEURL = 'https://kid-art-test.szjixun.cn'
diff --git a/src/assets/image/testcnlogin.png b/src/assets/image/testcnlogin.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1b9c3efcdf0cd70768799e0e46e1fef4301f110
GIT binary patch
literal 3044
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
Vn~~!*FL-Q6dAifw9_;(^;$Pci3=;qV

literal 0
HcmV?d00001

diff --git a/src/views/complete/size375/index.vue b/src/views/complete/size375/index.vue
index 71794b8..74667b2 100644
--- a/src/views/complete/size375/index.vue
+++ b/src/views/complete/size375/index.vue
@@ -15,7 +15,7 @@ function onConfirm(){
 </script>
 
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col container">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col container">
     <div class="content1"></div>
     <div class="content2">
       <div class="wrap1" style="margin-top: 0">
diff --git a/src/views/confirm/index.vue b/src/views/confirm/index.vue
index 39b20b1..e10e31b 100644
--- a/src/views/confirm/index.vue
+++ b/src/views/confirm/index.vue
@@ -16,7 +16,7 @@ const viewComponent = computed(() => {
     return size768;
   } else if (viewWidth <= 1500) {
     return size1440;
-  } else if (viewWidth <= 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
     return size1920;
   }
 })
diff --git a/src/views/confirm/size1440/index.vue b/src/views/confirm/size1440/index.vue
index 030f9c5..c13e640 100644
--- a/src/views/confirm/size1440/index.vue
+++ b/src/views/confirm/size1440/index.vue
@@ -6,7 +6,7 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
     <div class="mb-[33px] mt-[176px]">
       <img class="w-[280px] h-[46px]" src="@/assets/image/zu3314@2x.png" alt="">
     </div>
diff --git a/src/views/confirm/size1920/index.vue b/src/views/confirm/size1920/index.vue
index f14e7cb..5868706 100644
--- a/src/views/confirm/size1920/index.vue
+++ b/src/views/confirm/size1920/index.vue
@@ -7,7 +7,7 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
 
     <div class="mb-[33px] mt-[176px]">
       <img class="w-[280px] h-[46px]" src="@/assets/image/zu3314@2x.png" alt="">
diff --git a/src/views/confirm/size375/index.vue b/src/views/confirm/size375/index.vue
index 70733f0..a0a2a70 100644
--- a/src/views/confirm/size375/index.vue
+++ b/src/views/confirm/size375/index.vue
@@ -12,7 +12,7 @@ const openMask=(src)=>{
 </script>
 
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col container">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col container">
     <div class="content1"></div>
     <div class="content2">
       <div class="wrap1" style="margin-top: 0">
diff --git a/src/views/confirm/size768/index.vue b/src/views/confirm/size768/index.vue
index 561fef3..321e4bf 100644
--- a/src/views/confirm/size768/index.vue
+++ b/src/views/confirm/size768/index.vue
@@ -6,7 +6,7 @@ const {clickApply,formData,openMask1,goBack} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
     <div class="mb-[90px] mt-[303px]">
       <img class="w-[525px] h-[87px]" src="@/assets/image/zu3314@2x.png" alt="">
     </div>
diff --git a/src/views/details/index.vue b/src/views/details/index.vue
index f422028..b6f9133 100644
--- a/src/views/details/index.vue
+++ b/src/views/details/index.vue
@@ -16,7 +16,7 @@ const viewComponent = computed(() => {
     return size768;
   } else if (viewWidth <= 1500) {
     return size1440;
-  } else if (viewWidth <= 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
     return size1920;
   }
 })
diff --git a/src/views/details/size1440/index.vue b/src/views/details/size1440/index.vue
index 660d55c..82c0f37 100644
--- a/src/views/details/size1440/index.vue
+++ b/src/views/details/size1440/index.vue
@@ -7,7 +7,7 @@ const {clickApply,openMask1,goBack,detailData} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
     <div class="mb-[33px] mt-[176px]">
       <img class="w-[280px] h-[46px]" src="@/assets/image/zu3316@2x.png" alt="">
     </div>
diff --git a/src/views/details/size1920/index.vue b/src/views/details/size1920/index.vue
index 70fffd5..fec85f2 100644
--- a/src/views/details/size1920/index.vue
+++ b/src/views/details/size1920/index.vue
@@ -6,7 +6,7 @@ const {clickApply,detailData,openMask1,goBack} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
 
     <div class="mb-[33px] mt-[176px]">
       <img class="w-[280px] h-[46px]" src="@/assets/image/zu3316@2x.png" alt="">
diff --git a/src/views/details/size375/index.vue b/src/views/details/size375/index.vue
index 000e8a9..02b3bf5 100644
--- a/src/views/details/size375/index.vue
+++ b/src/views/details/size375/index.vue
@@ -10,7 +10,7 @@ const openMask=(src)=>{
 }
 </script>
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
     <div class="mt-[143px] w-[1074px] h-[178px] bg-[url('@/assets/image/zu3316@2x.png')] bg-cover bg-no-repeat"></div>
     <div class="mt-[123px] w-[1654px] h-[2729px] bg-[url('@/assets/image/zu3186@2x.png')] bg-cover bg-no-repeat flex flex-col items-center px-[82px] pt-[200px] pb-[92px]">
       <div class="flex w-full items-center mt-[80px]">
diff --git a/src/views/details/size768/index.vue b/src/views/details/size768/index.vue
index f74e7a2..986ef1e 100644
--- a/src/views/details/size768/index.vue
+++ b/src/views/details/size768/index.vue
@@ -17,7 +17,7 @@ const openMask=(src)=>{
 
 </script>
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
     <div class="mt-[303px] w-[525px] h-[87px] bg-[url('@/assets/image/zu3316@2x.png')] bg-cover bg-no-repeat"></div>
     <div class="mt-[90px] w-[1173px] h-[1489px] bg-[url('@/assets/image/zu3327@2x.png')] bg-cover bg-no-repeat flex flex-col items-center px-[82px] pt-[200px] pt-[98px] pb-45px">
       <div class="flex w-full items-center">
diff --git a/src/views/entry/index.vue b/src/views/entry/index.vue
index 39fc374..bd4f816 100644
--- a/src/views/entry/index.vue
+++ b/src/views/entry/index.vue
@@ -1,16 +1,26 @@
 <script setup>
+import {computed} from 'vue'
 
+const mode=import.meta.env.MODE
+const qrCodeSrc=computed(()=>{
+  if (mode==='test'){
+    return new URL(`@/assets/image/testcnlogin.png`, import.meta.url).href
+  }else if (mode==='prod'){
+    return new URL(`@/assets/image/testcnlogin.png`, import.meta.url).href
+  }
+
+})
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz25@2x.png')] pt-1428px flex flex-col items-center">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz25@2x.png')] pt-1428px flex flex-col items-center">
   <div class="w-881px h-87px rounded-46px bg-#fff text-56px font-bold flex-center">
     儿童美术征集活动
   </div>
     <div class="bg-[url('@/assets/image/df3231@2x.png')] w-1106px h-1188px bg-contain bg-no-repeat bg-center pt-56px flex flex-col items-center mt-492px">
         <div class="text-82px text-#fff leading-82px mb-40px">长按识别二维码开始报名</div>
         <div class="w-927px h-927px bg-#fff rounded-36px flex-center">
-          <img src="@/assets/image/tx12f@2x.png" alt="">
+          <img :src="qrCodeSrc" alt="">
         </div>
     </div>
     <div class="fixed bottom-0 right-0">
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index fa7f3c9..fc9a7cf 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -16,7 +16,7 @@ const viewComponent = computed(() => {
     return size768;
   } else if (viewWidth <= 1500) {
     return size1440;
-  } else if (viewWidth <= 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
     return size1920;
   }
 })
diff --git a/src/views/login/size1440/index.vue b/src/views/login/size1440/index.vue
index bb3d2d7..c1a0864 100644
--- a/src/views/login/size1440/index.vue
+++ b/src/views/login/size1440/index.vue
@@ -4,7 +4,7 @@ const {clickSendCode,telNum,code,showTextCode ,clickLogin }= useAuth()
 </script>
 
 <template>
-<div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/za3343@2x.png')] flex items-center flex-col">
+<div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/za3343@2x.png')] flex items-center flex-col">
   <div class="flex items-center flex-col absolute transform translate-y-[-50%] top-[50%] right-[164px] ">
     <div class="">
       <img class="w-[280px] h-[46px] mb-[60px]" src="@/assets/image/zu3310@2x.png" alt="">
diff --git a/src/views/login/size1920/index.vue b/src/views/login/size1920/index.vue
index 9b7cd5e..dcf8a89 100644
--- a/src/views/login/size1920/index.vue
+++ b/src/views/login/size1920/index.vue
@@ -5,7 +5,7 @@ const {clickSendCode,telNum,code,clickLogin}= useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/za3343@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/za3343@2x.png')] flex items-center flex-col">
     <div class="flex items-center flex-col absolute top-0 right-[164px]">
       <div class="">
         <img class="w-[210px] h-[35px] mt-[121px] mb-[45px]" src="@/assets/image/zu3310@2x.png" alt="">
diff --git a/src/views/login/size375/index.vue b/src/views/login/size375/index.vue
index 13c899e..6696bbd 100644
--- a/src/views/login/size375/index.vue
+++ b/src/views/login/size375/index.vue
@@ -3,7 +3,7 @@ import {useAuth} from "@/store/auth/index.js"
 const {clickSendCode,telNum,code,showTextCode ,clickLogin }= useAuth()
 </script>
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')]" style="">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')]" style="">
     <div  class="relative z-10 flex items-center flex-col">    <div class="content1 mb-[123px] shrink-0 "></div>
       <div class="content2 bg-cover w-[1654px] h-[1285px] bg-no-repeat bg-[url('@/assets/image/zu3270@2x.png')] pt-[241px] flex items-center flex-col">
         <div class="wrap1">
diff --git a/src/views/login/size768/index.vue b/src/views/login/size768/index.vue
index e054e21..c09d648 100644
--- a/src/views/login/size768/index.vue
+++ b/src/views/login/size768/index.vue
@@ -6,7 +6,7 @@ const {clickSendCode,telNum,code,showTextCode ,clickLogin }= useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
     <div class="flex items-center flex-col relative z-10">
       <div class="">
         <img class="w-[525px] h-[87px] mt-[303px] mb-[100px]" src="@/assets/image/zu3310@2x.png" alt="">
diff --git a/src/views/result/index.vue b/src/views/result/index.vue
index d655983..cdce6bd 100644
--- a/src/views/result/index.vue
+++ b/src/views/result/index.vue
@@ -16,7 +16,7 @@ const viewComponent = computed(() => {
     return size768;
   } else if (viewWidth <= 1500) {
     return size1440;
-  } else if (viewWidth <= 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
     return size1920;
   }
 })
diff --git a/src/views/result/size1440/index.vue b/src/views/result/size1440/index.vue
index 521f480..8881270 100644
--- a/src/views/result/size1440/index.vue
+++ b/src/views/result/size1440/index.vue
@@ -6,7 +6,7 @@ const {viewDetails} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
     <div class="mt-176px mb-33px">
       <img src="@/assets/image/zu3311@2x.png" class="w-280px h-46px" alt="">
     </div>
diff --git a/src/views/result/size1920/index.vue b/src/views/result/size1920/index.vue
index 88a1378..e2054e5 100644
--- a/src/views/result/size1920/index.vue
+++ b/src/views/result/size1920/index.vue
@@ -6,7 +6,7 @@ const {viewDetails} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
     <div class="mt-123px mb-25px">
       <img src="@/assets/image/zu3311@2x.png" class="w-210px h-35px" alt="">
     </div>
diff --git a/src/views/result/size375/index.vue b/src/views/result/size375/index.vue
index 7ec7e5a..ce35114 100644
--- a/src/views/result/size375/index.vue
+++ b/src/views/result/size375/index.vue
@@ -6,7 +6,7 @@ const {viewDetails} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
     <div class="mt-143px">
       <img src="@/assets/image/zu3311@2x.png" class="w-1074px h-178px" alt="">
     </div>
diff --git a/src/views/result/size768/index.vue b/src/views/result/size768/index.vue
index 776fa12..14c3706 100644
--- a/src/views/result/size768/index.vue
+++ b/src/views/result/size768/index.vue
@@ -6,7 +6,7 @@ const {viewDetails} =useAuth()
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
       <div class="mt-303px">
         <img src="@/assets/image/zu3311@2x.png" class="w-525px h-87px" alt="">
       </div>
diff --git a/src/views/signup/index.vue b/src/views/signup/index.vue
index 81c000f..49b445c 100644
--- a/src/views/signup/index.vue
+++ b/src/views/signup/index.vue
@@ -15,7 +15,7 @@ const viewComponent = computed(() => {
     return size768;
   } else if (viewWidth <= 1500) {
     return size1440;
-  } else if (viewWidth <= 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
     return size1920;
   }
 })
diff --git a/src/views/signup/size1440/index.vue b/src/views/signup/size1440/index.vue
index cd5439e..1abda6a 100644
--- a/src/views/signup/size1440/index.vue
+++ b/src/views/signup/size1440/index.vue
@@ -6,7 +6,7 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/dfa45@2x.png')] flex items-center flex-col">
     <div class="absolute top-0 left-[193px]">
       <img src="@/assets/image/gdz47@2x.png" class="w-[316px] h-[391px]" alt="">
     </div>
diff --git a/src/views/signup/size1920/index.vue b/src/views/signup/size1920/index.vue
index 96b7e0a..1ba8099 100644
--- a/src/views/signup/size1920/index.vue
+++ b/src/views/signup/size1920/index.vue
@@ -6,7 +6,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
     <div class="absolute top-0 left-[385px]">
       <img src="@/assets/image/gdz47@2x.png" class="w-[243px] h-[293px]" alt="">
     </div>
diff --git a/src/views/signup/size375/index.vue b/src/views/signup/size375/index.vue
index f535f7b..c0aea90 100644
--- a/src/views/signup/size375/index.vue
+++ b/src/views/signup/size375/index.vue
@@ -11,7 +11,7 @@ function onConfirm(data){
 
 </script>
 <template>
-  <div class="box-border relative w-1920px h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
+  <div class="box-border relative w-1920px min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
     <div class="mt-143px w-1074px h-178px bg-cover bg-no-repeat bg-[url('@/assets/image/zu3311@2x.png')]"></div>
     <div class="absolute top-0 left-0 w-671px h-728px bg-cover">
       <img src="@/assets/image/gdz27.png" alt="">
diff --git a/src/views/signup/size768/index.vue b/src/views/signup/size768/index.vue
index 028036f..88f9e03 100644
--- a/src/views/signup/size768/index.vue
+++ b/src/views/signup/size768/index.vue
@@ -6,7 +6,7 @@ const {formData,genderOptions,clickAddWorks,removeWorks,goConfirm,deleteImg,afte
 </script>
 
 <template>
-  <div class="box-border relative w-screen h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
+  <div class="box-border relative w-screen min-h-screen bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
       <div class="absolute top-0 left-[70px]">
         <img src="@/assets/image/gdz47@2x.png" class="w-[610px] h-[668px]" alt="">
       </div>
diff --git a/src/views/vote/index.vue b/src/views/vote/index.vue
index 4509103..f372d16 100644
--- a/src/views/vote/index.vue
+++ b/src/views/vote/index.vue
@@ -9,7 +9,7 @@ if (route.query.uid){
 }
 </script>
 <template>
-  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
+  <div class="box-border relative w-[1920px] min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
     <div class="mt-[143px] w-[1074px] h-[178px] bg-[url('@/assets/image/zu3318@2x.png')] bg-cover bg-no-repeat"></div>
     <div class="mt-[123px] w-[1654px] h-[2729px] bg-[url('@/assets/image/zu3186@2x.png')] bg-cover bg-no-repeat flex flex-col items-center ">
       <img :src="workData?.picUrl" @click="openMask(workData?.picUrl)" class="max-w-1362px max-h-1362px mt-404px rounded-20px object-contain" alt="">