feat: add image

src/router/publicRoutes.ts

@@ -306,6 +306,14 @@ export const publicRoutes:RouteRecordRaw[] = [
     },
     components: {default:() => import("../views/housekeeping/detail.vue"),backButton:() => import("../components/back-button/index.vue")},
   },
+  {
+    path:'/decoration',
+    name:'decoration',
+    meta:{
+      title:'装饰'
+    },
+    component: () => import("../views/decoration/index.vue")
+  },
   {
     path: "/unauthorized",
     name: "unauthorized",

src/views/decoration/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="bg-[#CF2719]">
+    <img src="/images/decoration/decoration.png" alt="" class="w-[100%]" />
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>

src/views/home/index.vue

@@ -25,7 +25,7 @@
             </div>
 
             <div class="flex justify-center mt-[30rpx]">
-                <img src="/images/home/housing-renovation.png" alt="housing" class="h-[382rpx]">
+                <img src="/images/home/housing-renovation.png" alt="housing" class="h-[382rpx]" @click="navigateToDecoration()">
                 <div class="flex flex-col justify-between">
                     <img src="/images/home/tourism.png" alt="tourism" class="w-[328rpx]" @click="toTravel">
                     <img src="/images/home/medical.png" alt="medical" class="w-[336rpx]" @click="toJinze">
@@ -89,6 +89,9 @@ const toJinze = () => {
     router.push({path:'/jinze'})
 }
 
+const navigateToDecoration = () => {
+    router.push({path:'/decoration'})
+}
 </script>
 
 <style lang="scss" scoped>