xingyy/kidArtExpo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
xingyy 2024-08-09 14:47:03 +08:00
parent 7d29049bcc
commit 76e3dfa989
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/gdz54@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 367 KiB

6
src/views/details/size768/index.vue
View File

@ -3,7 +3,6 @@ import {useAuth} from "@/store/auth/index.js";
const {detailData} =useAuth() const {detailData} =useAuth()
import "vant/es/image-preview/style"; import "vant/es/image-preview/style";
import { showImagePreview } from 'vant'; import { showImagePreview } from 'vant';
console.log(detailData,'detailData')
const openMask=(src)=>{ const openMask=(src)=>{
showImagePreview({ showImagePreview({
images:[src], images:[src],
@ -12,7 +11,7 @@ const openMask=(src)=>{
} }
</script> </script>
<template> <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="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/gdz53@2x.png')] flex items-center flex-col">
<div class="mt-[303px] w-[525px] h-[87px] bg-[url('@/assets/image/zu3316@2x.png')] bg-cover bg-no-repeat"></div> <div class="mt-[303px] w-[525px] h-[87px] bg-[url('@/assets/image/zu3316@2x.png')] bg-cover bg-no-repeat"></div>
<div class="mt-[90px] w-[1173px] h-[1489px] bg-[url('@/assets/image/zu3327@2x.png')] bg-cover bg-no-repeat flex flex-col items-center px-[82px] pt-[200px] pt-[98px] pb-45px"> <div class="mt-[90px] w-[1173px] h-[1489px] bg-[url('@/assets/image/zu3327@2x.png')] bg-cover bg-no-repeat flex flex-col items-center px-[82px] pt-[200px] pt-[98px] pb-45px">
<div class="flex w-full items-center"> <div class="flex w-full items-center">
@ -68,5 +67,8 @@ const openMask=(src)=>{
<div class="absolute bottom-[200px] w-[620px] h-[71px]"> <div class="absolute bottom-[200px] w-[620px] h-[71px]">
<img src="@/assets/image/zu733@2x.png" alt="" /> <img src="@/assets/image/zu733@2x.png" alt="" />
</div> </div>
<div>
<img class="w-1170px h-557px fixed bottom-0 right-0" src="@/assets/image/gdz54@2x.png" alt="">
</div>
</div> </div>
</template> </template>