修改系统通知的 关注按钮样式

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>

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: "品牌公寓"
+    }
   }
 ]
 

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>