|
|
|
@ -1,21 +1,20 @@
|
|
|
|
|
<script setup>
|
|
|
|
|
import {useAuth} from "@/store/auth/index.js";
|
|
|
|
|
const {detailData} =useAuth()
|
|
|
|
|
import { showImagePreview } from 'vant';
|
|
|
|
|
const openMask=(src)=>{
|
|
|
|
|
showImagePreview({
|
|
|
|
|
images:[src],
|
|
|
|
|
closeable: true,
|
|
|
|
|
})
|
|
|
|
|
import { useRoute } from 'vue-router';
|
|
|
|
|
const {detailData,workUid,getWorkInfo,workData,openMask} =useAuth()
|
|
|
|
|
const route = useRoute()
|
|
|
|
|
if (route.query.uid){
|
|
|
|
|
workUid.value = route.query.uid;
|
|
|
|
|
getWorkInfo()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<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/zu3318@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 ">
|
|
|
|
|
<img src="@/assets/image/imagebackground.png" @click="openMask()" class="w-1362px h-1362px mt-404px" alt="">
|
|
|
|
|
<div class="text-primary text-72px mt-51px">作品名称XXXX</div>
|
|
|
|
|
<div class="bg-[url('@/assets/image/fbbb@4x.png')] w-866px h-200px bg-no-repeat bg-cover text-white text-82px flex-center mt-[205px]">投票</div>
|
|
|
|
|
<img :src="workData?.picUrl" @click="openMask(workData?.picUrl)" class="max-w-1362px max-h-1362px mt-404px rounded-20px object-contain" alt="">
|
|
|
|
|
<div class="text-primary text-72px mt-51px">{{workData?.workName}}</div>
|
|
|
|
|
<div class="bg-[url('@/assets/image/fbbb@4x.png')] w-866px h-200px bg-no-repeat bg-cover text-white text-82px flex-center mt-[205px] font-bold">投票</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="absolute top-0 left-0 w-[671px] h-[728px] bg-cover">
|
|
|
|
|
<img src="@/assets/image/gdz27.png" alt="" />
|
|
|
|
|