kidArtExpo/src/views/result/size1920/index.vue

<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/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>
    <div class="top-0 absolute left-385px">
      <img src="@/assets/image/gdz47@2x.png" class="w-235px h-293px" alt="">
    </div>
    <div class="absolute bottom-0 right-0 ">
      <img class="w-876px h-385px" src="@/assets/image/dfdc46@2x.png" alt="">
    </div>

    <div class="bg-[url('@/assets/image/zue3250@2x.png')] w-[908px] h-[595px] bg-no-repeat bg-contain flex flex-col items-center">
      <div class="mt-135px">
        <img src="@/assets/image/gdzd57@2x.png" class="w-162px h-204px" alt="">
      </div>
      <div class="text-primary  text-14px mt-10px">
        提交成功
      </div>
      <div class="w-240px h-39px bg-contain bg-no-repeat bg-[url('@/assets/image/dfdf1.png')] flex-center text-white text-16px shrink-0 mt-[53px] cursor-pointer" @click="viewDetails">查看详情</div>
    </div>
  </div>
</template>

<style scoped lang="scss">

</style>