提交

src/components/public/apartment-item.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="item flexflex">
+    <div class="item flexflex" @click="goapArtmentDetails">
         <img class="img" :src="item['image']">
         <div class="title">{{ item['title'] }}</div>
         <div class="hint">{{ item['propaganda'] }}</div>
@@ -31,11 +31,16 @@
 
 <script setup>
 import { ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const router = useRouter()
 
 const props = defineProps({
     item: Object,
 });
 
+const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['item'].uniqid}`)
+
 </script>
 
 <style lang="less" scoped>
@@ -51,6 +56,7 @@ const props = defineProps({
     margin-bottom: 20px;
     position: relative;
     height: fit-content;
+    cursor: pointer;
 
     .img {
         width: 366px;