|
|
|
@ -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">
|
|
|
|
|