|
|
|
@ -9,7 +9,7 @@ const {clickApply,detailData,openMask1,goBack} =useAuth()
|
|
|
|
|
<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="mb-[33px] mt-[176px]">
|
|
|
|
|
<img class="w-[280px] h-[46px]" src="@/assets/image/zu3314@2x.png" alt="">
|
|
|
|
|
<img class="w-[280px] h-[46px]" src="@/assets/image/zu3316@2x.png" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="absolute top-0 left-[385px]">
|
|
|
|
|
<img class="w-[235px] h-[293px]" src="@/assets/image/gdz47@2x.png" alt="">
|
|
|
|
@ -29,31 +29,37 @@ const {clickApply,detailData,openMask1,goBack} =useAuth()
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[702px] h-[440px] bg-#F5F5F5 mt-[8.26px] mb-10px flex flex-col pt-[15px] overflow-y-auto">
|
|
|
|
|
<n-scrollbar>
|
|
|
|
|
<div :class="`flex w-full ${detailData.worksInfo?.length>1&&index+1!==detailData.worksInfo?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-20px pb-20px':''}` " v-for="(item,index) of detailData.worksInfo" :key="index">
|
|
|
|
|
<div :class="`flex w-full pb-20px ${detailData.worksInfo?.length>1&&index+1!==detailData.worksInfo?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-20px':''}` " v-for="(item,index) of detailData.worksInfo" :key="index">
|
|
|
|
|
<div class="text-primary text-14px font-bold shrink-0 w-[62px] pl-15px">*作品{{index+1}}</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="flex">
|
|
|
|
|
<n-image
|
|
|
|
|
class="w-295px h-141px"
|
|
|
|
|
|
|
|
|
|
:src="item.picUrl.replace('https', 'http')"
|
|
|
|
|
/>
|
|
|
|
|
<div class="shrink-0 ml-12px mt-62px">
|
|
|
|
|
<img v-if="item.status === 3" src="@/assets/image/zu3222@2x.png" class="w-[79px] h-[79px]" alt="" />
|
|
|
|
|
<img v-if="item.status === 1" src="@/assets/image/zu3220@2x.png" class="w-[79px] h-[79px]" alt="" />
|
|
|
|
|
<img v-if="item.status === 2" src="@/assets/image/zdw221@2x.png" class="w-[79px] h-[79px]" alt="" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex text-primary text-[12px] mt-8px w-50%">
|
|
|
|
|
<div class="font-bold w-100px">作品名称</div>
|
|
|
|
|
<div class="font-bold w-75px">作品名称</div>
|
|
|
|
|
<div class="">{{item.workName}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex text-primary text-[12px] mt-20px">
|
|
|
|
|
<div class="flex w-50%">
|
|
|
|
|
<div class="font-bold w-100px">长度</div>
|
|
|
|
|
<div class="flex w-50% mr-59px">
|
|
|
|
|
<div class="font-bold w-75px">长度</div>
|
|
|
|
|
<div class="">{{item.length}} <span class="ml-12px">cm</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex w-50% ml-a">
|
|
|
|
|
<div class="w-100px">宽度</div>
|
|
|
|
|
<div class="w-75px">宽度</div>
|
|
|
|
|
<div class="">{{item.wide}} <span class="ml-12px">cm</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</n-scrollbar>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="absolute bottom-0 right-0 ">
|
|
|
|
|
<img class="w-876px h-385px" src="@/assets/image/dfdc46@2x.png" alt="">
|
|
|
|
@ -63,5 +69,11 @@ const {clickApply,detailData,openMask1,goBack} =useAuth()
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
|
|
:deep(.n-image){
|
|
|
|
|
img{
|
|
|
|
|
max-width: 295px;
|
|
|
|
|
max-height: 141px;
|
|
|
|
|
object-fit: contain!important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|