2024-08-09 05:40:02 +00:00
|
|
|
<script setup>
|
|
|
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
|
const {detailData} =useAuth()
|
|
|
|
|
import "vant/es/image-preview/style";
|
|
|
|
|
import { showImagePreview } from 'vant';
|
|
|
|
|
console.log(detailData,'detailData')
|
|
|
|
|
const openMask=(src)=>{
|
|
|
|
|
showImagePreview({
|
|
|
|
|
images:[src],
|
|
|
|
|
closeable: true,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
2024-08-09 06:16:02 +00:00
|
|
|
|
2024-08-09 05:40:02 +00:00
|
|
|
<template>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
|
|
|
|
|
<div class="mt-[143px] w-[1074px] h-[178px] bg-[url('@/assets/image/zu3316@2x.png')] bg-cover bg-no-repeat"></div>
|
|
|
|
|
<div class="mt-[123px] w-[1654px] h-[2729px] bg-[url('@/assets/image/zu3186@2x.png')] bg-cover bg-no-repeat flex flex-col items-center px-[82px] pt-[200px] pb-[92px]">
|
|
|
|
|
<div class="flex w-full items-center mt-[80px]">
|
|
|
|
|
<div class="pl-30px w-[256px] text-[72px] font-bold text-[#2B69A1]">姓名</div>
|
|
|
|
|
<div class="text-[72px] text-[#2B69A1]">{{ detailData.name }}</div>
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="flex w-full items-center mt-[80px]">
|
|
|
|
|
<div class="pl-30px w-[256px] text-[72px] font-bold text-[#2B69A1]">年龄</div>
|
|
|
|
|
<div class="text-[72px] text-[#2B69A1]">{{ detailData.age }} 岁</div>
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="flex w-full items-center mt-[80px]">
|
|
|
|
|
<div class="pl-30px w-[256px] text-[72px] font-bold text-[#2B69A1]">性别</div>
|
|
|
|
|
<div class="text-[72px] text-[#2B69A1]">{{ detailData.gender }}</div>
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="mt-[46px] w-full bg-[#F5F5F5] flex flex-col items-center overflow-y-auto pt-50px pl-30px">
|
|
|
|
|
<div class="w-full flex flex-col">
|
|
|
|
|
<div class="w-full flex flex-col">
|
|
|
|
|
<div v-for="(item, index) in detailData?.worksInfo" :key="index" class="mb-[92px] flex items-start w-full">
|
|
|
|
|
<div class="text-[72px] w-[256px] font-bold text-[#2B69A1]">作品{{ index + 1 }}</div>
|
|
|
|
|
<div class="relative w-[1147px]">
|
|
|
|
|
<img class="w-1147px h-691px" @click="openMask(item.picUrl.replace('https', 'http'))" :src="item.picUrl.replace('https', 'http')" alt="" />
|
|
|
|
|
<!-- 未入围 -->
|
|
|
|
|
<img v-if="item.status === 3" src="@/assets/image/zu3222@2x.png" class="w-[404px] h-[404px] absolute top-0 right-0" alt="" />
|
|
|
|
|
<!-- 待定 -->
|
|
|
|
|
<img v-if="item.status === 1" src="@/assets/image/zu3220@2x.png" class="w-[404px] h-[404px] absolute top-0 right-0" alt="" />
|
|
|
|
|
<!-- 入围 -->
|
|
|
|
|
<img v-if="item.status === 2" src="@/assets/image/zdw221@2x.png" class="w-[404px] h-[404px] absolute top-0 right-0" alt="" />
|
|
|
|
|
<div class="flex flex-col mt-[56px] ml-[61px]">
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<div class="mr-[51px] text-[61px] font-bold text-[#2B69A1]">作品名称</div>
|
|
|
|
|
<div class="text-[61px] text-[#2B69A1]">{{ item.workName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-[41px] flex justify-between">
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<div class="mr-[51px] text-[61px] font-bold text-[#2B69A1]">长度</div>
|
|
|
|
|
<div class="text-[61px] text-[#2B69A1]">{{ item.length }} cm</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex items-center">
|
|
|
|
|
<div class="mr-[51px] text-[61px] font-bold text-[#2B69A1]">宽度</div>
|
|
|
|
|
<div class="text-[61px] text-[#2B69A1]">{{ item.wide }} cm</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="absolute top-0 left-0 w-[671px] h-[728px] bg-cover">
|
|
|
|
|
<img src="@/assets/image/gdz27.png" alt="" />
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
2024-08-09 06:16:02 +00:00
|
|
|
<div class="absolute bottom-[200px] w-[1270px] h-[145px]">
|
|
|
|
|
<img src="@/assets/image/zu733@2x.png" alt="" />
|
2024-08-09 05:40:02 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
