增加咨询右下角组件

src/views/housingView/apartment.vue

@@ -1,22 +1,24 @@
 <template>
-    <div>
-        <pageTopBar></pageTopBar>
-        <!-- 筛选 -->
-        <div class="screen-box wid1200">
-            <seach-module @handleTransfer="handleTransfer" :count="listCount"></seach-module>
-        </div>
-
-        <div class="list wid1200 flexflex" ref="gridContainer">
-            <apartment-item v-if="list.length != 0" v-for="item in list" :item="item"></apartment-item>
-        </div>
-        <div v-if="list.length == 0" class="empty-box wid1200 flexcenter">
-            <empty-duck :hintTextTwo="'建议放宽筛选条件'"></empty-duck>
-        </div>
-
-        <have-questions></have-questions>
-
-        <page-footer></page-footer>
+    <pageTopBar></pageTopBar>
+    <!-- 筛选 -->
+    <div class="screen-box wid1200">
+        <seach-module @handleTransfer="handleTransfer" :count="listCount"></seach-module>
     </div>
+
+    <div class="list wid1200 flexflex" ref="gridContainer">
+        <apartment-item v-if="list.length != 0" v-for="item in list" :item="item"></apartment-item>
+    </div>
+    <div v-if="list.length == 0" class="empty-box wid1200 flexcenter">
+        <empty-duck :hintTextTwo="'建议放宽筛选条件'"></empty-duck>
+    </div>
+
+    <have-questions></have-questions>
+
+    <page-footer></page-footer>
+
+    <!-- 右下角咨询 -->
+    <circle-btn></circle-btn>
+
 </template>
   
 <script setup>
@@ -27,6 +29,7 @@ import apartmentItem from '@/components/public/apartment-item.vue';
 import haveQuestions from '@/components/public/have-questions.vue'
 import pageFooter from '@/components/footer/footer.vue'
 import emptyDuck from '@/components/public/empty-duck.vue'
+import circleBtn from '@/components/public/circle-btn.vue'
 import { ref, onMounted, onUnmounted, watch, getCurrentInstance, nextTick } from 'vue';
 import { ElLoading } from 'element-plus'
 import Masonry from 'masonry-layout';
@@ -114,9 +117,6 @@ const handleTransfer = (data) => {
             list.value = []
             getData()
         }
-        // if () {
-
-        // }
     }
 
 
@@ -151,4 +151,6 @@ const handleTransfer = (data) => {
     justify-content: center;
     margin: 0 auto;
 }
+
+
 </style>