38 lines
1.7 KiB
Vue
38 lines
1.7 KiB
Vue
<script setup>
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
const {viewDetails,resultType,showText} =useAuth()
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<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 v-if="['success','end'].includes(resultType)" src="@/assets/image/zu3311@2x.png" class="w-210px h-35px" alt="">
|
|
<img v-if="['hasVoted'].includes(resultType)" src="@/assets/image/zu3318@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 v-if="['success'].includes(resultType)" src="@/assets/image/gdzd57@2x.png" class="w-162px h-204px" alt="">
|
|
<img v-if="['end'].includes(resultType)" src="@/assets/image/ddf3227@2x.png" class="w-162px h-204px" alt="">
|
|
<img v-if="['hasVoted'].includes(resultType)" src="@/assets/image/zdf3228@2x.png" class="w-162px h-204px" alt="">
|
|
</div>
|
|
<div class="text-primary text-14px mt-10px">
|
|
{{showText}}
|
|
</div>
|
|
<div v-if="['success'].includes(resultType)" 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>
|