diff --git a/epmet-apartment-front/index.html b/epmet-apartment-front/index.html index 6df5865..9e61d3d 100644 --- a/epmet-apartment-front/index.html +++ b/epmet-apartment-front/index.html @@ -7,8 +7,8 @@ 青岛市免租金住房保障平台 - - + +
diff --git a/src/assets/images/guide.png b/src/assets/images/guide.png new file mode 100644 index 0000000..09e5867 Binary files /dev/null and b/src/assets/images/guide.png differ diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue index 528e773..9f3b4d2 100644 --- a/src/components/AppHeader.vue +++ b/src/components/AppHeader.vue @@ -77,6 +77,7 @@ + + + \ No newline at end of file diff --git a/src/components/home/NavCards.vue b/src/components/home/NavCards.vue index 519a2d0..2477353 100644 --- a/src/components/home/NavCards.vue +++ b/src/components/home/NavCards.vue @@ -5,7 +5,7 @@ v-for="(item, index) in navList" :key="index" :style="{ background: item.backgroundColor }" - @click="item.path ? router.push({ path: item.path }) : ''" + @click="handleClick(item)" >
@@ -24,7 +24,7 @@ import { defineProps } from 'vue' import { useRouter } from 'vue-router' import navBg from '@/assets/images/home/navBg.png' - +const emit = defineEmits(['showImagePreview']) const router = useRouter() defineProps({ @@ -34,4 +34,12 @@ defineProps({ default: () => [] } }) + +const handleClick = (item) => { + if (item.name === '选房指南') { + emit('showImagePreview') + } else if (item.path) { + router.push(item.path) + } +} \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue index 7fb3028..43b19c4 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -17,7 +17,7 @@
- +
@@ -31,6 +31,7 @@ />
+ @@ -51,6 +52,8 @@ import nav1 from "@/assets/images/home/nav1.png"; import nav2 from "@/assets/images/home/nav2.png"; import nav3 from "@/assets/images/home/nav3.png"; import nav4 from "@/assets/images/home/nav4.png"; +import ImagePreview from '@/components/ImagePreview.vue'; + // 数据定义 const images = [ { src: banner1, alt: 'Image 1' }, @@ -65,21 +68,21 @@ const navList = [ backgroundColor: "linear-gradient(135deg, #318ffc 0%, #73b4ff 100%)", }, { - name: "看房选房", + name: "看房", icon: nav2, path: "/Showings", bg: navBg, - backgroundColor: "linear-gradient(135deg, #02bca8 0%, #3dcfbb 100%)", + backgroundColor: "linear-gradient(135deg, #fbcb4d 0%, #fdc469 100%)", }, { - name: "续期申请", + name: "选房指南", icon: nav3, path: "", bg: navBg, - backgroundColor: "linear-gradient(135deg, #fbcb4d 0%, #fdc469 100%)", + backgroundColor: "linear-gradient(135deg, #02bca8 0%, #3dcfbb 100%)", }, { - name: "消息通知", + name: "学历汇", icon: nav4, path: "", bg: navBg, @@ -110,7 +113,9 @@ const active = ref('0') const top3 = ref([]) const policytList = ref([]) const apartmenList = ref([]) - +const showImagePreview = ref(false) +import imageUrl from '@/assets/images/guide.png'; +const previewImageAlt = ref('选房指南') // 方法 const getList = async () => { try { diff --git a/src/views/showings/houseDetail.vue b/src/views/showings/houseDetail.vue index 2db6f3f..146002d 100644 --- a/src/views/showings/houseDetail.vue +++ b/src/views/showings/houseDetail.vue @@ -159,6 +159,7 @@ import { useRouter, useRoute } from 'vue-router'; import { onMounted } from 'vue'; import AMapLoader from "@amap/amap-jsapi-loader"; import Crumbs from '@/components/Crumbs.vue'; +import ImagePreview from '@/components/ImagePreview.vue'; const route = useRoute(); const router = useRouter(); const activeTab = ref('vr') diff --git a/src/views/showings/roomTypeList.vue b/src/views/showings/roomTypeList.vue index f70ef0b..91a4d65 100644 --- a/src/views/showings/roomTypeList.vue +++ b/src/views/showings/roomTypeList.vue @@ -12,7 +12,7 @@
{{ item.typeName }}
-
{{ item.fullName }}共{{ item.total }}
+
{{ item.fullName }}共{{ item.total }}间
{{ item.labelStr }}