From e0039202013c4c8300f347e768fda343eac77734 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Tue, 8 Apr 2025 15:36:22 +0800
Subject: [PATCH] 12

---
 src/views/workinfo/index.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/workinfo/index.vue b/src/views/workinfo/index.vue
index 6a39973..bec1356 100644
--- a/src/views/workinfo/index.vue
+++ b/src/views/workinfo/index.vue
@@ -1,5 +1,8 @@
 <script setup>
-import { ref } from 'vue';
+import { ref,onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { showImagePreview } from 'vant';
+
 const info = ref({
   title: "家山树几棵",
   image: "https://e-cdn.fontree.cn/exhibition/prod/default/国展报名/0737054f-b2c7-4c92-8e75-1100faca19da.png",
@@ -10,6 +13,12 @@ const info = ref({
   material: "宣纸",
   appreciation: ""
 });
+const route = useRoute();
+onMounted(() => {             
+    if(route.query.info){
+        info.value = JSON.parse(decodeURIComponent(route.query.info));
+    }
+});
 </script>
 <template>
     <div class="w-100vw h-100vh flex flex-col overflow-hidden">
@@ -24,7 +33,7 @@ const info = ref({
                 class="grow-1 bg-no-repeat  bg-center bg-cover wrap1 overflow-y-auto flex flex-col items-center pt-32px px-26px">
                 <!-- 其他内容 -->
                 <div class="text-20px text-#010101 font-bold mb-22px">{{ info.title }}</div>
-                <div class="bg-[rgba(0,0,0,0.1)] w-255px h-346px mb-13px">
+                <div class="bg-[rgba(0,0,0,0.1)] w-255px h-346px mb-13px" @click="showImagePreview([info.image])">
                     <img :src="info.image" class="object-contain w-full h-full" alt="">
                 </div>
                 <div class="font-bold text-16px mb-45px">{{ info.artist }}</div>