|
|
|
|
@ -31,13 +31,15 @@ const openMask=(src)=>{
|
|
|
|
|
<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">
|
|
|
|
|
<img class="max-w-1147px max-h-691px object-contain" @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]" alt="" />
|
|
|
|
|
<!-- 待定 -->
|
|
|
|
|
<img v-if="item.status === 1" src="@/assets/image/zu3220@2x.png" class="w-[404px] h-[404px]" alt="" />
|
|
|
|
|
<!-- 入围 -->
|
|
|
|
|
<img v-if="item.status === 2" src="@/assets/image/zdw221@2x.png" class="w-[404px] h-[404px]" alt="" />
|
|
|
|
|
</div>
|
|
|
|
|
<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>
|
|
|
|
|
|
