12
This commit is contained in:
parent
c66f64c1f7
commit
e003920201
@ -1,5 +1,8 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue';
|
import { ref,onMounted } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
import { showImagePreview } from 'vant';
|
||||||
|
|
||||||
const info = ref({
|
const info = ref({
|
||||||
title: "家山树几棵",
|
title: "家山树几棵",
|
||||||
image: "https://e-cdn.fontree.cn/exhibition/prod/default/国展报名/0737054f-b2c7-4c92-8e75-1100faca19da.png",
|
image: "https://e-cdn.fontree.cn/exhibition/prod/default/国展报名/0737054f-b2c7-4c92-8e75-1100faca19da.png",
|
||||||
@ -10,6 +13,12 @@ const info = ref({
|
|||||||
material: "宣纸",
|
material: "宣纸",
|
||||||
appreciation: ""
|
appreciation: ""
|
||||||
});
|
});
|
||||||
|
const route = useRoute();
|
||||||
|
onMounted(() => {
|
||||||
|
if(route.query.info){
|
||||||
|
info.value = JSON.parse(decodeURIComponent(route.query.info));
|
||||||
|
}
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="w-100vw h-100vh flex flex-col overflow-hidden">
|
<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">
|
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="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="">
|
<img :src="info.image" class="object-contain w-full h-full" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="font-bold text-16px mb-45px">{{ info.artist }}</div>
|
<div class="font-bold text-16px mb-45px">{{ info.artist }}</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user