From 76ccf5432b3d02c41a5c9e052417f93acf3ed311 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Fri, 14 Jul 2023 18:13:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=B3=BB=E7=BB=9F=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E7=9A=84=20=E5=85=B3=E6=B3=A8=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/systematic-notification-pop.vue      | 12 ++--
 src/router/index.js                           | 14 +++--
 src/views/housingView/apartment.vue           | 61 +++++++++++++++++++
 3 files changed, 79 insertions(+), 8 deletions(-)
 create mode 100644 src/views/housingView/apartment.vue

diff --git a/src/components/user/systematic-notification-pop.vue b/src/components/user/systematic-notification-pop.vue
index 76a9705..8c76f93 100644
--- a/src/components/user/systematic-notification-pop.vue
+++ b/src/components/user/systematic-notification-pop.vue
@@ -9,9 +9,9 @@
                 <img class="white-cross" @click="emit('close')" src="@/assets/img/publicImage/white-cross.svg">
             </div>
 
-            <div class="attention flexacenter">
+            <div class="attention flexacenter" v-if="issubscribe == 0">
                 <div class="attention-text">关注寄托服务号，第一时间收到消息通知</div>
-                <el-popover placement="bottom" popper-class="have-questions flexcenter" :width="160" trigger="click"
+                <el-popover placement="bottom" popper-class="flexcenter" :width="160" trigger="click"
                     popper-style="border-radius: 14px;padding: 20px;">
                     <template #reference>
                         <div class="attention-btn flexcenter">关注</div>
@@ -220,7 +220,7 @@ const goDetail = (uniqid, status) => {
     }
 
     .attention {
-        margin: -26px auto 10px;
+        margin: -26px auto 0;
         width: 660px;
         height: 50px;
         background-color: rgba(255, 255, 255, 1);
@@ -249,7 +249,7 @@ const goDetail = (uniqid, status) => {
 
     .list {
         overflow: auto;
-        margin: 0 6px 30px;
+        margin: 10px 6px 30px;
 
         /*滚动条样式*/
         &::-webkit-scrollbar {
@@ -348,4 +348,8 @@ const goDetail = (uniqid, status) => {
         }
     }
 }
+
+.QR-code {
+    width: 100%;
+}
 </style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 422bc97..51f6296 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -49,12 +49,18 @@ const routes = [
     component: () => import(/* webpackChunkName: "housing" */ '@/views/housingView/person.vue')
   },
   {//中介房源
-    path:'/intermediaryHousing',
-    component:()=> import(/* webpackChunkName: "housing" */ '@/views/housingView/intermediary.vue')
+    path: '/intermediaryHousing',
+    component: () => import(/* webpackChunkName: "housing" */ '@/views/housingView/intermediary.vue')
   },
   {//求房源
-    path:'/needHousing',
-    component:()=> import(/* webpackChunkName: "housing" */ '@/views/housingView/needHousing.vue')
+    path: '/needHousing',
+    component: () => import(/* webpackChunkName: "housing" */ '@/views/housingView/needHousing.vue')
+  }, {
+    path: "/apartment",
+    component: () => import(/* webpackChunkName: "housing" */ '@/views/housingView/apartment.vue'),
+    meta: {
+      title: "品牌公寓"
+    }
   }
 ]
 
diff --git a/src/views/housingView/apartment.vue b/src/views/housingView/apartment.vue
new file mode 100644
index 0000000..9379715
--- /dev/null
+++ b/src/views/housingView/apartment.vue
@@ -0,0 +1,61 @@
+<template>
+    <div>
+        <pageTopBar></pageTopBar>
+        <seachModule></seachModule>
+        <div class="dis-f jus-x al-item">
+            <div class="body-maxWidth mg-t-35">
+                <div class="dis-f jus-bet">
+                    <div>
+                        <biserialItem></biserialItem>
+                    </div>
+                    <div></div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</template>
+  
+<script setup>
+import pageTopBar from '../../components/pageTopBar/pageTopBar.vue';
+import seachModule from "../../components/seachModule/seachModule.vue";
+import biserialItem from '../../components/biserialListItem/biserialListItem.vue'
+</script>
+<style scoped>
+img {
+    object-fit: contain;
+}
+
+.dis-f {
+    display: flex;
+}
+
+.jus-x {
+    justify-content: center;
+}
+
+.al-item {
+    align-items: center;
+}
+
+.pos-r {
+    position: relative;
+}
+
+.body-maxWidth {
+    width: 1200px;
+    min-width: 1200px;
+}
+
+.s-w-100 {
+    width: 100%;
+}
+
+.jus-bet {
+    justify-content: space-between;
+}
+
+.mg-t-35 {
+    margin-top: 35px;
+}
+</style>