"实现主题配置和作品集上传功能的优化"
parent
2f615b36c1
commit
ac4cb11292
Binary file not shown.
After Width: | Height: | Size: 72 KiB |
@ -0,0 +1,31 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import { useWindowSize } from '@vueuse/core';
|
||||||
|
import { useAuth } from '@/store/auth/index.js';
|
||||||
|
import size375 from '@/views/result/size375/index.vue';
|
||||||
|
import size768 from '@/views/result/size768/index.vue';
|
||||||
|
import size1440 from '@/views/result/size1440/index.vue';
|
||||||
|
import size1920 from '@/views/result/size1920/index.vue';
|
||||||
|
const { clickSendCode } = useAuth();
|
||||||
|
const { width } = useWindowSize();
|
||||||
|
const viewComponent = computed(() => {
|
||||||
|
const viewWidth = width.value;
|
||||||
|
if (viewWidth <= 450) {
|
||||||
|
return size375;
|
||||||
|
} else if (viewWidth <= 1100) {
|
||||||
|
return size768;
|
||||||
|
} else if (viewWidth <= 1500) {
|
||||||
|
return size1440;
|
||||||
|
} else if (viewWidth <= 1920) {
|
||||||
|
return size1920;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
localStorage.clear()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<component @sendCode="clickSendCode" :is="viewComponent" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
</style>
|
@ -0,0 +1,11 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,11 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,36 @@
|
|||||||
|
<script setup>
|
||||||
|
import {useAuth} from "@/store/auth/index.js";
|
||||||
|
|
||||||
|
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="mt-143px">
|
||||||
|
<img src="@/assets/image/zu3311@2x.png" class="w-1074px h-178px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="top-0 absolute left-0px">
|
||||||
|
<img src="@/assets/image/gdz27.png" class="w-671px h-728px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="absolute bottom-0 right-0">
|
||||||
|
<img class="w-1170px h-557px" src="@/assets/image/dfdf4@2x.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="absolute bottom-75px translate-x-[-50%] left-50%">
|
||||||
|
<img class="w-620px h-71px" src="@/assets/image/zu733@2x.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="mt-[123px] w-[1608px] h-[2678px] bg-[url('@/assets/image/zu3186@2x.png')] bg-cover bg-no-repeat flex flex-col items-center">
|
||||||
|
<div class="mt-394px">
|
||||||
|
<img src="@/assets/image/gdzd57@2x.png" class="w-829px h-1044px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="text-primary text-72px mt-51px">
|
||||||
|
提交成功
|
||||||
|
</div>
|
||||||
|
<div class="w-866px h-200px bg-contain bg-no-repeat bg-[url('@/assets/image/zu3189@2x1.png')] flex-center text-white text-82px shrink-0 mt-[236px]" @click="viewDetails">查看详情</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
@ -0,0 +1,36 @@
|
|||||||
|
<script setup>
|
||||||
|
import {useAuth} from "@/store/auth/index.js";
|
||||||
|
|
||||||
|
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="mt-303px">
|
||||||
|
<img src="@/assets/image/zu3311@2x.png" class="w-525px h-87px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="top-0 absolute left-40px">
|
||||||
|
<img src="@/assets/image/gdz47@2x.png" class="w-610px h-668px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="absolute bottom-0 right-0">
|
||||||
|
<img class="w-1170px h-557px" src="@/assets/image/dfdf4@2x.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="absolute bottom-75px translate-x-[-50%] left-50%">
|
||||||
|
<img class="w-620px h-71px" src="@/assets/image/zu733@2x.png" alt="">
|
||||||
|
</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">
|
||||||
|
<div class="mt-333px">
|
||||||
|
<img src="@/assets/image/gdzd57@2x.png" class="w-405px h-510px" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="text-primary text-35px mt-25px">
|
||||||
|
提交成功
|
||||||
|
</div>
|
||||||
|
<div class="w-600px h-98px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-40px shrink-0 mt-[333px]" @click="viewDetails">查看详情</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
Loading…
Reference in New Issue