xingyy/kidArtExpo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
xingyy 2024-08-06 19:58:33 +08:00
parent 2799bcc130
commit 486f2ea9bb
7 changed files with 48 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/gdz47@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

BIN
src/assets/image/gdz53@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
src/assets/image/z3321@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 906 KiB

BIN
src/assets/image/zu3327@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 659 KiB

7
src/views/login/index.vue
View File

@ -2,15 +2,18 @@
import {useAdaptation} from "@/utils/self-adaption.js"; import {useAdaptation} from "@/utils/self-adaption.js";
import {sizes} from "@/dict/index.js"; import {sizes} from "@/dict/index.js";
import size375 from '@/views/login/size375/index.vue' import size375 from '@/views/login/size375/index.vue'
import size768 from '@/views/login/size768/index.vue'
import {computed} from "vue"; import {computed} from "vue";
const {maxWidth}= useAdaptation(sizes,(maxWidth)=>{ const {maxWidth}= useAdaptation(sizes,(maxWidth)=>{
console.log('maxWidth',maxWidth.value)
}) })
const viewComponent = computed(()=>{ const viewComponent = computed(()=>{
switch (maxWidth.value){ switch (maxWidth.value){
case '375px': case '375px':
return size375 return size375
default: case '768px':
return size375 return size768
} }
}) })
</script> </script>

22
src/views/login/size768/index.vue Normal file
View File

@ -0,0 +1,22 @@
<script setup>
</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="absolute top-0 left-[70px]">
<img src="@/assets/image/gdz47@2x.png" class="w-[610px] h-[668px]" alt="">
</div>
<div class="absolute bottom-[75px] left-[50%] transform translate-x-[-50%]">
<img class="w-[620px] h-[71px]" src="@/assets/image/zu733@2x.png" alt="">
</div>
<div class="">
<img class="w-[525px] h-[87px] mt-[303px] mb-[100px]" src="@/assets/image/zu3310@2x.png" alt="">
</div>
<div class="bg-[url('@/assets/image/z3321@2x.png')] w-[1173px] h-[1489px] bg-center bg-no-repeat bg-cover"></div>
<div class=""></div>
</div>
</template>
<style scoped lang="scss">
</style>

21
src/views/signup/size768/index.vue Normal file
View File

@ -0,0 +1,21 @@
<script setup>
</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="absolute top-0 left-[70px]">
<img src="@/assets/image/gdz47@2x.png" class="w-[610px] h-[668px]" alt="">
</div>
<div class="absolute bottom-[75px] left-[50%] transform translate-x-[-50%]">
<img class="w-[620px] h-[71px]" src="@/assets/image/zu733@2x.png" alt="">
</div>
<div class="">
<img class="w-[525px] h-[87px] mt-[303px] mb-[100px]" src="@/assets/image/zu3311@2x.png" alt="">
</div>
<div class="bg-[url('@/assets/image/zu3327@2x.png')] w-[1173px] h-[1489px] bg-center bg-no-repeat bg-cover"></div>
</div>
</template>
<style scoped lang="scss">
</style>