diff --git a/src/assets/homeImage/indexBg-original.jpg b/src/assets/homeImage/indexBg-original.jpg
new file mode 100644
index 0000000..1c31a66
Binary files /dev/null and b/src/assets/homeImage/indexBg-original.jpg differ
diff --git a/src/assets/homeImage/indexBg.jpg b/src/assets/homeImage/indexBg.jpg
index 1c31a66..bdcb21d 100644
Binary files a/src/assets/homeImage/indexBg.jpg and b/src/assets/homeImage/indexBg.jpg differ
diff --git a/src/assets/styles/apartmentDetail.css b/src/assets/styles/apartmentDetail.css
index c86851c..c533352 100644
--- a/src/assets/styles/apartmentDetail.css
+++ b/src/assets/styles/apartmentDetail.css
@@ -678,6 +678,9 @@
   left: 50%;
   transform: translate(-50%, -50%);
 }
+.content .details-box .details-left .type-box .item .info {
+  align-self: flex-start;
+}
 .content .details-box .details-left .type-box .item .info .name {
   font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
   font-weight: 650;
diff --git a/src/assets/styles/apartmentDetail.less b/src/assets/styles/apartmentDetail.less
index 65e882b..6131c14 100644
--- a/src/assets/styles/apartmentDetail.less
+++ b/src/assets/styles/apartmentDetail.less
@@ -862,6 +862,7 @@
                     }
 
                     .info {
+                        align-self: flex-start;
                         .name {
                             font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
                             font-weight: 650;
diff --git a/src/components/biserialListItem/biserialListItem.vue b/src/components/biserialListItem/biserialListItem.vue
index 3f8a42f..dcec2e6 100644
--- a/src/components/biserialListItem/biserialListItem.vue
+++ b/src/components/biserialListItem/biserialListItem.vue
@@ -30,7 +30,7 @@
                         <div class="tab-item mg-l-8" v-if="listData && listData.data && listData.data.gender[data && data.data && data.data.gender] && data.data.gender">
                             {{ (listData && listData.data && listData.data.gender[data && data.data && data.data.gender]) || "" }}
                         </div>
-                        <div class="tab-item mg-l-8" v-if="listData.data && listData.data.rentalduration">
+                        <div class="tab-item mg-l-8" v-if="listData.data && listData.data.rentalduration && data.data.rentalduration">
                             {{ data.data.rentalduration === "0" ? "租期不限" : listData.data.rentalduration[data.data && data.data.rentalduration] || "" }}
                         </div>
                     </div>
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index a5a7227..ade286c 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -215,7 +215,7 @@
                             </div>
                             <div class="info flex1">
                                 <div class="name">{{ item.name }}</div>
-                                <div class="tags flexflex">
+                                <div class="tags flexflex" v-if="item.allowance || (item.tags && item.tags.length > 0)">
                                     <div class="tags-item green" v-if="item.allowance">剩余{{ item.allowance }}间</div>
                                     <div class="tags-item" v-for="(item, index) in item.tags" key="index">{{ item }}</div>
                                 </div>
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 41a5288..999c4cc 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -1,22 +1,22 @@
 <template>
-    <div style="min-width: 1200px; overflow-x: hidden; overflow-y: visible;">
+    <div style="min-width: 1200px; overflow-x: hidden; overflow-y: visible">
         <pageTopBar></pageTopBar>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
                 <breadcrumb :data="housingInfo['data']" :operation="setOperation"></breadcrumb>
-                <div class="dis-f jus-bet" style="margin-top: -15px;">
+                <div class="dis-f jus-bet" style="margin-top: -15px">
                     <div class="info-box">
-                        <div class="top-bar-box dis-f jus-x" :class="{ 'intermediary': housingInfo['data'] && (housingInfo['data'].isintermediary == 1 || housingInfo['data'].info.verified) }">
+                        <div class="top-bar-box dis-f jus-x" :class="{ intermediary: housingInfo['data'] && (housingInfo['data'].isintermediary == 1 || housingInfo['data'].info.verified) }">
                             <div class="top-bar dis-f al-item jus-bet">
                                 <div class="dis-f al-item">
                                     <img src="../assets/img/detail/authenticationHousing.png" class="authentication-housing" v-if="pageType == 1 && housingInfo['data'] && housingInfo['data'].info.verified" alt="" />
-                                    <img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" style="margin-right: 10px;" v-if="pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary == 1" alt="" />
+                                    <img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" style="margin-right: 10px" v-if="pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary == 1" alt="" />
                                     <div class="line" v-if="(housingInfo['data'] && housingInfo['data'].info.verified) || (pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary == 1)"></div>
                                     <span class="need-houing-type" v-if="pageType == 3">预算</span>
                                     <span class="unit">HK$</span>
                                     <span class="rent" v-if="!Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">{{ housingInfo["data"] && housingInfo["data"].info.rent }}</span>
                                     <span class="rent" v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">
-                                        {{ housingInfo["data"] && housingInfo["data"].info.rent[0] }}<span class="rent" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]" style="margin: 0;">~</span><span class="rent" style="margin: 0;" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">{{ housingInfo["data"] && housingInfo["data"].info.rent[1] }}</span>
+                                        {{ housingInfo["data"] && housingInfo["data"].info.rent[0] }}<span class="rent" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]" style="margin: 0">~</span><span class="rent" style="margin: 0" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">{{ housingInfo["data"] && housingInfo["data"].info.rent[1] }}</span>
                                     </span>
                                     <span>/{{ housingInfo["data"] && housingInfo["data"].info.rentalperiod }}</span>
                                     <div class="line"></div>
@@ -29,31 +29,29 @@
                                 <div class="dis-f al-item">
                                     <div class="tool-btn dis-f al-item jus-x">
                                         <div class="dis-f al-item fav-btn" @click="setOperation">
-                                            <div class="pos-r" style="width: 20px; height: 20px;">
+                                            <div class="pos-r" style="width: 20px; height: 20px">
                                                 <img src="../assets/img/detail/collect.png" v-show="housingInfo['data'] && !housingInfo['data'].isfav" class="fav-img fav-img-t" alt="" />
                                                 <img src="../assets/img/detail/collectT.png" v-show="housingInfo['data'] && !housingInfo['data'].isfav" class="fav-img fav-img-f" alt="" />
                                             </div>
                                             <img src="../assets/img/detail/collectT.png" v-show="housingInfo['data'] && housingInfo['data'].isfav" class="tool-icon" alt="" />
-                                            <span style="margin-left: 5px;">
+                                            <span style="margin-left: 5px">
                                                 {{ housingInfo["data"] && housingInfo["data"].isfav ? housingInfo["data"] && housingInfo["data"]["info"].count_fav : "收藏" }}
                                             </span>
                                         </div>
-                                        <div class="line" style="margin: 0 20px;"></div>
+                                        <div class="line" style="margin: 0 20px"></div>
                                         <div class="dis-f al-item">
                                             <img src="../assets/img/detail/forward.png" class="tool-icon" alt="" />
-                                            <span>
-                                                转发
-                                            </span>
+                                            <span> 转发 </span>
                                             <transmit-btn v-if="housingInfo.data" :concatType="concatType" :qrcode="housingInfo.data['qrcode']" :title="housingInfo.data.info['subject']" type="housingTop"></transmit-btn>
                                         </div>
                                     </div>
                                     <div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
-                                        <div class="contact-btn top-contact-btn" style="margin: 0 0 0 10px;" @click="getConcatData">联系方式</div>
+                                        <div class="contact-btn top-contact-btn" style="margin: 0 0 0 10px" @click="getConcatData">联系方式</div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div class="detail-price-box dis-f" style="align-items: end;">
+                        <div class="detail-price-box dis-f" style="align-items: end">
                             <span class="need-houing-type" v-if="pageType == 3">预算</span>
                             <span class="unit" :class="{ 'line-h-17': pageType == 3 }" :style="{ 'font-size': pageType === 3 ? '20px' : '' }">HK$</span>
                             <!-- <span class="rent"
@@ -61,7 +59,7 @@
                                     housingInfo['data'] && housingInfo['data'].info.rent }}</span> -->
                             <span class="rent" v-if="!Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">{{ housingInfo["data"] && housingInfo["data"].info.rent }}</span>
                             <span class="rent" v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.rent)">
-                                {{ housingInfo["data"] && housingInfo["data"].info.rent[0] }}<span class="rent" style="margin: 0;" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">~{{ housingInfo["data"] && housingInfo["data"].info.rent[1] }}</span>
+                                {{ housingInfo["data"] && housingInfo["data"].info.rent[0] }}<span class="rent" style="margin: 0" v-if="housingInfo['data'] && housingInfo['data'].info.rent[1]">~{{ housingInfo["data"] && housingInfo["data"].info.rent[1] }}</span>
                             </span>
                             <span>/{{ housingInfo["data"] && housingInfo["data"].info.rentalperiod }}</span>
                         </div>
@@ -107,21 +105,21 @@
                             </div>
                             <div class="img-list-box dis-f jus-x al-item" v-show="imgList.length > 0" :class="{ 'no-img-pd': scrollWidth <= clientWidth }">
                                 <img src="../assets/img/detail/moreNot.svg" class="icon left-icon" alt="" v-show="imgListTab === 0 && scrollWidth > clientWidth" />
-                                <img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt="" style="transform: rotate(180deg);" @click.stop="moveImageList('left')" v-show="imgListTab > 0 && scrollWidth > clientWidth" />
+                                <img src="../assets/img/detail/moreAllow.svg" class="icon left-icon" alt="" style="transform: rotate(180deg)" @click.stop="moveImageList('left')" v-show="imgListTab > 0 && scrollWidth > clientWidth" />
                                 <img src="../assets/img/detail/moreAllow.svg" class="icon right-icon" alt="" @click.stop="moveImageList('right')" v-show="imgList.length - 1 !== imgListTab && scrollWidth > clientWidth && imageLIstLeft[imgListTab] + clientWidth < scrollWidth" />
-                                <img src="../assets/img/detail/moreNot.svg" class="icon right-icon" alt="" style="transform: rotate(180deg);" v-show="scrollWidth > clientWidth && imageLIstLeft[imgListTab] + clientWidth >= scrollWidth" />
+                                <img src="../assets/img/detail/moreNot.svg" class="icon right-icon" alt="" style="transform: rotate(180deg)" v-show="scrollWidth > clientWidth && imageLIstLeft[imgListTab] + clientWidth >= scrollWidth" />
                                 <div class="dis-f al-item list-box s-w-100" ref="imageList" v-if="imgList.length > 0">
-                                    <div v-for="(item, i) in imgList" :key="i" @click.stop=";(imageIndex = i), (imageShow = true)" ref="imgData">
-                                        <div class="video" v-if="item && !item.thumbnail">
+                                    <template v-for="(item, i) in imgList" :key="i">
+                                        <div class="video" v-if="item && !item.thumbnail" @click.stop="(imageIndex = i), (imageShow = true)" ref="imgData">
                                             <div class="icon-box dis-f jus-x al-item">
                                                 <img src="../assets/img/detail/videoStop.svg" class="icon" alt="" />
                                             </div>
                                             <img class="video" :src="item.image" @load="setImageWidth(i)" @error="setImageWidth(i)" alt="" />
                                         </div>
-                                        <div class="img dis-f" v-if="item && item.thumbnail">
-                                            <img class="img" style="margin: 0;" :src="item.thumbnail" @load="setImageWidth(i)" @error="setImageWidth(i)" alt="" />
+                                        <div class="img-box dis-f" v-if="item && item.thumbnail" @click.stop="(imageIndex = i), (imageShow = true)" ref="imgData">
+                                            <img class="img" style="margin: 0" :src="item.thumbnail" @load="setImageWidth(i)" @error="setImageWidth(i)" alt="" />
                                         </div>
-                                    </div>
+                                    </template>
                                 </div>
                             </div>
                         </div>
@@ -135,17 +133,13 @@
                             <!--  -->
                             <div class="need-housing-info" v-if="pageType == 3">
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.property">
-                                    <div class="title-box">
-                                        房屋类型
-                                    </div>
+                                    <div class="title-box">房屋类型</div>
                                     <div class="text mg-l-30">
                                         <span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.property" :key="i"> <span v-show="i != 0">/</span>{{ item == 0 ? "不限" : indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["property"][item] }} </span>
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.floor">
-                                    <div class="title-box">
-                                        所在楼层
-                                    </div>
+                                    <div class="title-box">所在楼层</div>
                                     <div class="text mg-l-30" v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.floor)">
                                         <span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor" :key="i"> <span v-show="i != 0">/</span>{{ item == 0 ? "不限" : indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["floor"][item] }} </span>
                                         <!-- {{ housingInfo['data'] && housingInfo['data'].info.floor }} -->
@@ -155,25 +149,19 @@
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.elevator">
-                                    <div class="title-box">
-                                        电梯
-                                    </div>
+                                    <div class="title-box">电梯</div>
                                     <div class="text mg-l-30">
                                         {{ indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["elevator"][housingInfo["data"] && housingInfo["data"].info.elevator] }}
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.sunshinearea">
-                                    <div class="title-box">
-                                        晾晒区
-                                    </div>
+                                    <div class="title-box">晾晒区</div>
                                     <div class="text mg-l-30">
                                         <span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea" :key="i"><span v-show="i != 0">/</span>{{ item == 0 ? "不限" : indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["sunshinearea"][item] }} </span>
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.acreage?.[0]">
-                                    <div class="title-box">
-                                        面积
-                                    </div>
+                                    <div class="title-box">面积</div>
                                     <div class="text mg-l-30">
                                         <span v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.acreage)">
                                             <span> {{ housingInfo["data"] && housingInfo["data"].info.acreage[0] ? housingInfo["data"] && housingInfo["data"].info.acreage[0] : 0 }} </span><span v-if="housingInfo['data'] && housingInfo['data'].info.acreage[1] ? housingInfo['data'] && housingInfo['data'].info.acreage[1] : 0">~{{ housingInfo["data"] && housingInfo["data"].info.acreage[1] ? housingInfo["data"] && housingInfo["data"].info.acreage[1] : 0 }} </span>
@@ -185,17 +173,13 @@
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.gender">
-                                    <div class="title-box">
-                                        同住人性别要求
-                                    </div>
+                                    <div class="title-box">同住人性别要求</div>
                                     <div class="text mg-l-30">
                                         {{ indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["gender"][housingInfo["data"] && housingInfo["data"].info.gender] }}
                                     </div>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.publishergender">
-                                    <div class="title-box">
-                                        发布者性别
-                                    </div>
+                                    <div class="title-box">发布者性别</div>
                                     <div class="text mg-l-30">
                                         {{ housingInfo["data"] && housingInfo["data"].info.publishergender ? indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["gender"][housingInfo["data"] && housingInfo["data"].info.publishergender] : "不限" }}
                                     </div>
@@ -204,42 +188,32 @@
                             <!--  -->
                             <div class="info-box-s" v-if="pageType != 3">
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.property">
-                                    <div class="title-box">
-                                        房屋类型
-                                    </div>
+                                    <div class="title-box">房屋类型</div>
                                     <span class="text">
                                         {{ indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["property"][housingInfo["data"] && housingInfo["data"].info.property] }}
                                     </span>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.elevator">
-                                    <div class="title-box">
-                                        所在楼层
-                                    </div>
+                                    <div class="title-box">所在楼层</div>
                                     <span class="text"> {{ housingInfo["data"] && housingInfo["data"].info.floor }}&nbsp; </span>
 
-                                    <span class="text" style="margin-left: 0;" v-if="housingInfo['data'] && housingInfo['data'].info.elevator && housingInfo['data'].info.elevator != -1">
-                                        <span style="color: #d7d7d7;">|</span>
+                                    <span class="text" style="margin-left: 0" v-if="housingInfo['data'] && housingInfo['data'].info.elevator && housingInfo['data'].info.elevator != -1">
+                                        <span style="color: #d7d7d7">|</span>
                                         {{ indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["elevator"][housingInfo["data"] && housingInfo["data"].info.elevator] }}
                                     </span>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.sunshinearea">
-                                    <div class="title-box">
-                                        晾晒区
-                                    </div>
+                                    <div class="title-box">晾晒区</div>
                                     <span class="text">
                                         {{ indexData["data"] && housingInfo["data"] && housingInfo["data"].info.sunshinearea !== -1 ? indexData["data"]["config"] && indexData["data"]["config"]["sunshinearea"][housingInfo["data"] && housingInfo["data"].info.sunshinearea] : "" }}
                                     </span>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.acreage">
-                                    <div class="title-box">
-                                        面积
-                                    </div>
+                                    <div class="title-box">面积</div>
                                     <span class="text"> {{ housingInfo["data"] && housingInfo["data"].info.acreage ? housingInfo["data"] && housingInfo["data"].info.acreage : 0 }} 平方呎 </span>
                                 </div>
                                 <div class="info dis-f al-item" v-if="housingInfo['data'] && housingInfo['data'].info.gender">
-                                    <div class="title-box">
-                                        性别要求
-                                    </div>
+                                    <div class="title-box">性别要求</div>
                                     <span class="text">
                                         {{ indexData["data"] && indexData["data"]["config"] && indexData["data"]["config"]["gender"][housingInfo["data"] && housingInfo["data"].info.gender] }}
                                     </span>
@@ -250,9 +224,7 @@
                         <div class="housing-info" v-if="pageType == 3">
                             <div class="title dis-f al-item">
                                 <img src="../assets/img/detail/mapIcon.png" class="img" alt="" />
-                                <span>
-                                    目标区域
-                                </span>
+                                <span> 目标区域 </span>
                             </div>
                             <div class="need-housing-location" v-if="Array.isArray(housingInfo['data'] && housingInfo['data'].info.location)">
                                 <div class="dis-f al-item" :class="{ 'mg-t-15': i != 0 }" v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.location" :key="i">
@@ -283,13 +255,13 @@
                         </div>
                         <!--  -->
 
-                        <div class="map-box" style="margin-top: 45px;" v-if="pageType != 3 && housingInfo['data'] && housingInfo['data'].info.location && housingInfo['data'].info.location != '0'">
+                        <div class="map-box" style="margin-top: 45px" v-if="pageType != 3 && housingInfo['data'] && housingInfo['data'].info.location && housingInfo['data'].info.location != '0'">
                             <div class="dis-f al-item title-box">
                                 <img src="../assets/img/detail/mapIcon.png" class="img" alt="" />
                                 <span class="title">{{ location && location[housingInfo["data"] && housingInfo["data"]["info"].location.substring(0, 1)] }} > {{ location && location[housingInfo["data"] && housingInfo["data"]["info"].location] }}</span>
                             </div>
-                            <div class="dis-f jus-x" style="margin-top: 15px;" v-if="housingInfo['data'] && housingInfo['data'].info.latitude">
-                                <div style="margin-bottom: 20px;">
+                            <div class="dis-f jus-x" style="margin-top: 15px" v-if="housingInfo['data'] && housingInfo['data'].info.latitude">
+                                <div style="margin-bottom: 20px">
                                     <mapInfo
                                         :latlng="{
                                             longitude: housingInfo['data'].info.longitude * 1,
@@ -310,9 +282,9 @@
                             <el-popover :width="814" trigger="click" popper-style="padding: 0" :show-arrow="false" v-model:visible="showDistance">
                                 <template #reference>
                                     <div class="distance-box dis-f jus-bet">
-                                        <div class="dis-f al-item" style="position: relative;" @click="setShowDistance">
-                                            <div class="dis-f al-item s-w-100" style="position: absolute;">
-                                                <div class="line-school-box dis-f al-item s-w-100" style="justify-content: space-around;">
+                                        <div class="dis-f al-item" style="position: relative" @click="setShowDistance">
+                                            <div class="dis-f al-item s-w-100" style="position: absolute">
+                                                <div class="line-school-box dis-f al-item s-w-100" style="justify-content: space-around">
                                                     <div class="box-text" v-if="specialSchoolDistance" @click="selectIndex()">
                                                         <div class="distance-item-value special flexacenter">
                                                             <div class="mileage">{{ specialSchoolDistance.distanceText }}</div>
@@ -359,7 +331,7 @@
                                     </div>
                                     <div class="distance-info-data dis-f">
                                         <div class="distance-info-left">
-                                            <div class="distance-info-left-item flexcenter" :class="{ 'pitch': index == academyPitchIndex }" v-for="(item, index) in annexSchoolList" :key="index" @click="selectAcademyIndex(index)">{{ item.alias }}</div>
+                                            <div class="distance-info-left-item flexcenter" :class="{ pitch: index == academyPitchIndex }" v-for="(item, index) in annexSchoolList" :key="index" @click="selectAcademyIndex(index)">{{ item.alias }}</div>
                                         </div>
                                         <el-scrollbar ref="elscrollbarRef" :style="{ height: 50 * annexSchoolList.length + 'px' }">
                                             <div class="distance-info-right flex1">
@@ -394,12 +366,12 @@
                                                             <!-- 地铁 -->
                                                             <div v-else-if="item.type == 'bus' && item.bustype == '地铁线路'" class="journey-value flex1 subway flexacenter">
                                                                 <div class="subway-name flexcenter">{{ item.name }}</div>
-                                                                <div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
+                                                                <div class="flex1" style="white-space: nowrap">{{ item.via_num }}站·{{ item.durationText }}</div>
                                                             </div>
                                                             <!-- 公交 -->
                                                             <div v-else-if="item.type == 'bus' && item.bustype == '普通公交线路'" class="journey-value flex1 bus flexacenter">
                                                                 <div class="bus-name flexcenter">{{ item.name }}</div>
-                                                                <div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
+                                                                <div class="flex1" style="white-space: nowrap">{{ item.via_num }}站·{{ item.durationText }}</div>
                                                             </div>
                                                         </div>
                                                     </div>
@@ -441,7 +413,7 @@
                                 </span>
                             </div>
                             <div class="houseing-info-box-s"></div>
-                            <div class="dis-f al-item" style="border-right: 0px;">
+                            <div class="dis-f al-item" style="border-right: 0px">
                                 <span>
                                     更新 : &nbsp;<span class="text">
                                         {{ housingInfo["data"] && housingInfo["data"].info.updatetime }}
@@ -450,19 +422,17 @@
                             </div>
                         </div>
                         <div class="statement-box">
-                            <div class="title">
-                                免责声明
-                            </div>
+                            <div class="title">免责声明</div>
                             <div class="mg-t-15 line-h-30">
                                 发布者对房源信息的真实性、合法性等负责，平台不负责甄别和审核具体内容真实性和有效性等，请务必仔细核实相关信息，谨防上当受骗。
                                 <div>
                                     如房源信息中有内容侵犯了您的合法权益，可点击屏幕右侧的举报或联系寄托方同学（微信号
                                     <el-popover placement="bottom" trigger="hover">
                                         <div class="wx-qrcode-s">
-                                            <img :src="concatInfo.data && concatInfo.data.wechatqrcode" style="width: 130px; height: 130px;" alt="" />
+                                            <img :src="concatInfo.data && concatInfo.data.wechatqrcode" style="width: 130px; height: 130px" alt="" />
                                         </div>
                                         <template #reference>
-                                            <span class="text-line line-h-30" style="border-color: #fff;" @click="clone(concatInfo.data && concatInfo.data.wechat)">{{ concatInfo.data && concatInfo.data.wechat }}</span>
+                                            <span class="text-line line-h-30" style="border-color: #fff" @click="clone(concatInfo.data && concatInfo.data.wechat)">{{ concatInfo.data && concatInfo.data.wechat }}</span>
                                         </template>
                                     </el-popover>
                                     <!-- <el-dropdown style="border-color:#fff;">
@@ -480,7 +450,7 @@
                             <div class="mg-t-30">公寓/酒店/中介房源推广合作请联系：<span class="text-line" @click="clone('ad@gter.net')">ad@gter.net</span></div>
                         </div>
                     </div>
-                    <div>
+                    <div class="info-box-right">
                         <div class="right-tool-box">
                             <div class="dis-f jus-x">
                                 <img :src="housingInfo['data'] && housingInfo['data'].info.avatar" class="user-img" alt="" />
@@ -552,19 +522,19 @@
         </div>
         <!-- 推荐 -->
         <div class="dis-f jus-x" v-if="pageType != 3 && (recommendListData.length > 0 || publisherList.length > 0)">
-            <div class="body-maxWidth housing-title" style="margin-top: 50px;">
+            <div class="body-maxWidth housing-title" style="margin-top: 50px">
                 {{ pageType == 2 && housingInfo["data"].isintermediary ? `发布者的其他房源（${publisherList.length}）` : pageType == 1 && housingInfo["data"] && housingInfo["data"]["info"].verified ? `发布者的其他认证房源（${publisherList.length}）` : "附近房源" }}
             </div>
         </div>
-        <div class="dis-f jus-x al-item" style="position: relative;" v-if="pageType != 3">
+        <div class="dis-f jus-x al-item" style="position: relative" v-if="pageType != 3">
             <div>
                 <div class="body-maxWidth" v-show="recommendListData.length > 0">
-                    <div class="gridContainer" ref="gridContainer" style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px;">
+                    <div class="gridContainer" ref="gridContainer" style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px">
                         <indexWaterfallBox v-for="items in recommendListData" :data="items" :key="items.id" :listMasonryInstance="masonryInstance" :isdetail="true"> </indexWaterfallBox>
                     </div>
                 </div>
                 <div class="body-maxWidth" v-if="publisherList.length > 0">
-                    <div style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px;">
+                    <div style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px">
                         <biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item"> </biserialItem>
                     </div>
                 </div>
@@ -583,9 +553,7 @@
                         <div class="user-liner-box dis-f al-item" :class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
                             <!-- class='s-w-100' -->
                             <div class="s-w-100">
-                                <div class="liner-title" :class="{ 'mg-b-50': concatData.data && concatData.data.count == 2 && concatData.data.wechatdata.url }">
-                                    联系方式
-                                </div>
+                                <div class="liner-title" :class="{ 'mg-b-50': concatData.data && concatData.data.count == 2 && concatData.data.wechatdata.url }">联系方式</div>
                                 <div class="dis-f jus-bet s-w-100">
                                     <div v-if="concatData.data && (concatData.data.count > 2 || (!concatData.data.wechatdata.url && concatData.data.count == 2))">
                                         <div class="mg-b-30" v-if="concatData.data && concatData.data.wechat && concatData.data.count >= 2">
@@ -638,13 +606,9 @@
                                         <div class="wx-qrcode-s dis-f jus-x al-item">
                                             <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt="" />
                                         </div>
-                                        <div style="margin-top: 15px; font-size: 14px; text-align: center;">
-                                            <div>
-                                                微信扫码添加好友
-                                            </div>
-                                            <div style="margin-top: 5px; font-size: 14px;">
-                                                备注：寄托租房
-                                            </div>
+                                        <div style="margin-top: 15px; font-size: 14px; text-align: center">
+                                            <div>微信扫码添加好友</div>
+                                            <div style="margin-top: 5px; font-size: 14px">备注：寄托租房</div>
                                         </div>
                                     </div>
                                     <div class="round dis-f jus-x al-item" :class="{ 'mg-t-20': concatData.data && concatData.data.count > 2 && !concatData.data.wechatdata.url }" v-if="concatData.data && concatData.data.count >= 2 && !concatData.data.wechatdata.url">
@@ -660,15 +624,9 @@
                                 <div class="dis-f al-item whatsapp-wx-box s-w-100 jus-sp" v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0 && concatData.data.wechatdata.url">
                                     <div>
                                         <div>
-                                            <div v-if="concatData.data.whatsapp">
-                                                WhatsApp
-                                            </div>
-                                            <div v-if="concatData.data.tel">
-                                                电话
-                                            </div>
-                                            <div v-if="concatData.data.wechat">
-                                                微信
-                                            </div>
+                                            <div v-if="concatData.data.whatsapp">WhatsApp</div>
+                                            <div v-if="concatData.data.tel">电话</div>
+                                            <div v-if="concatData.data.wechat">微信</div>
                                         </div>
                                         <div class="text-s">
                                             {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || "" }}
@@ -685,13 +643,9 @@
                                         <div class="wx-qrcode-s dis-f jus-x al-item">
                                             <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt="" />
                                         </div>
-                                        <div style="margin-top: 15px; font-size: 14px; text-align: center;">
-                                            <div>
-                                                微信扫码添加好友
-                                            </div>
-                                            <div style="margin-top: 5px; font-size: 14px;">
-                                                备注：寄托租房
-                                            </div>
+                                        <div style="margin-top: 15px; font-size: 14px; text-align: center">
+                                            <div>微信扫码添加好友</div>
+                                            <div style="margin-top: 5px; font-size: 14px">备注：寄托租房</div>
                                         </div>
                                     </div>
                                     <!-- <div class="round dis-f jus-x al-item"
@@ -709,8 +663,8 @@
                                 </div>
                             </div>
                         </div>
-                        <img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width: 700px;" alt="" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3" />
-                        <img src="../assets/img/detail/threePopbigMap.svg" style="width: 700px;" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3" class="map third-bg" alt="" />
+                        <img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width: 700px" alt="" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3" />
+                        <img src="../assets/img/detail/threePopbigMap.svg" style="width: 700px" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3" class="map third-bg" alt="" />
                         <img src="../assets/img/detail/popBigBg.svg" v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3" class="pop-bg third-bg" alt="" />
                         <img src="../assets/img/detail/popBigBgMap.svg" v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3" class="map third-bg" alt="" />
                     </div>
@@ -723,33 +677,21 @@
             <div class="pop" v-show="concatData.data && concatData.data.count === 1">
                 <div class="pop-bg-s-box dis-f jus-x al-item">
                     <div class="pop-bg-s">
-                        <div class="pos-a pop-bg-s" style="z-index: 666;">
-                            <div class="title s-w-100">
-                                联系方式
-                            </div>
+                        <div class="pos-a pop-bg-s" style="z-index: 666">
+                            <div class="title s-w-100">联系方式</div>
                             <div class="s-w-100 mg-t-35" v-if="concatData.data && concatData.data.wechatdata.aid != 0">
                                 <div class="wx-qrcode s-w-100 dis-f al-item jus-x">
                                     <img :src="concatData.data && concatData.data.wechatdata.url" class="img" alt="" />
                                 </div>
-                                <div style="margin-top: 15px;">
-                                    <div>
-                                        微信扫码添加好友
-                                    </div>
-                                    <div style="margin-top: 5px;">
-                                        备注：寄托租房
-                                    </div>
+                                <div style="margin-top: 15px">
+                                    <div>微信扫码添加好友</div>
+                                    <div style="margin-top: 5px">备注：寄托租房</div>
                                 </div>
                             </div>
                             <div class="s-w-100" v-if="concatData.data && (concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat)">
-                                <div class="whatsapp-title" v-if="concatData.data.whatsapp">
-                                    WhatsApp
-                                </div>
-                                <div class="whatsapp-title" v-if="concatData.data.tel">
-                                    电话
-                                </div>
-                                <div class="whatsapp-title" v-if="concatData.data.wechat">
-                                    微信
-                                </div>
+                                <div class="whatsapp-title" v-if="concatData.data.whatsapp">WhatsApp</div>
+                                <div class="whatsapp-title" v-if="concatData.data.tel">电话</div>
+                                <div class="whatsapp-title" v-if="concatData.data.wechat">微信</div>
                                 <div class="whatsapp-text">
                                     {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || "" }}
                                 </div>
@@ -778,110 +720,130 @@
 </template>
 
 <script setup>
-import { reactive, onMounted, ref, nextTick, onBeforeUnmount, watch } from "vue"
-import pageTopBar from "../components/pageTopBar/pageTopBar.vue"
-import api from "../utils/api"
-import footerTool from "@/components/footer/footer.vue"
-import watchImage from "../components/detail/imageWatch.vue"
-import breadcrumb from "../components/detail/breadcrumb.vue"
-import mapInfo from "../components/public/viewMap.vue"
-import { ElMessage } from "element-plus"
-import { useRouter, useRoute } from "vue-router"
-import indexWaterfallBox from "../components/indexWaterfallBox/indexWaterfallBox.vue"
-import Masonry from "masonry-layout"
-import transmitBtn from "@/components/public/transmitBtn.vue"
-import biserialItem from "../components/biserialListItem/biserialListItem.vue"
-import backToTop from "@/components/public/backToTop.vue"
-import phoneqrcode from "@/components/public/phoneQRcode.vue"
-import groupqrcode from "@/components/public/group-QRcode.vue"
-import report from "@/components/public/report.vue"
+import { reactive, onMounted, ref, nextTick, onBeforeUnmount, watch } from "vue";
+import pageTopBar from "../components/pageTopBar/pageTopBar.vue";
+import api from "../utils/api";
+import footerTool from "@/components/footer/footer.vue";
+import watchImage from "../components/detail/imageWatch.vue";
+import breadcrumb from "../components/detail/breadcrumb.vue";
+import mapInfo from "../components/public/viewMap.vue";
+import { ElMessage } from "element-plus";
+import { useRouter, useRoute } from "vue-router";
+import indexWaterfallBox from "../components/indexWaterfallBox/indexWaterfallBox.vue";
+import Masonry from "masonry-layout";
+import transmitBtn from "@/components/public/transmitBtn.vue";
+import biserialItem from "../components/biserialListItem/biserialListItem.vue";
+import backToTop from "@/components/public/backToTop.vue";
+import phoneqrcode from "@/components/public/phoneQRcode.vue";
+import groupqrcode from "@/components/public/group-QRcode.vue";
+import report from "@/components/public/report.vue";
 
-import store from "@/store"
+import store from "@/store";
 
-import { metersToKilometers, secondsToHoursMinutes } from "@/utils/util.js"
+import { metersToKilometers, secondsToHoursMinutes } from "@/utils/util.js";
 
 //页面类型
-let pageType = ref("")
+let pageType = ref("");
 
 //加载状态
-let loadMore = ref(true)
+let loadMore = ref(true);
 //推荐列表页数
-let pages = ref(1)
-let uniqid = ref("")
+let pages = ref(1);
+let uniqid = ref("");
 
 //显示中介名片
-let showBusinessCard = ref(false)
+let showBusinessCard = ref(false);
 //查看图片
-let imageShow = ref(false)
-let imageIndex = ref(0)
+let imageShow = ref(false);
+let imageIndex = ref(0);
 let cloaseImageShow = () => {
-    imageShow.value = false
-}
+    imageShow.value = false;
+};
 
 //图片组实例
-let imageList = ref(null)
+let imageList = ref(null);
 //图片数组
-let imgList = ref([])
+let imgList = ref([]);
 
 //图片距离
-let imageLIstLeft = ref([])
+let imageLIstLeft = ref([]);
 
-let imgListTab = ref(0)
+let imgListTab = ref(0);
 //计时器
-let interval = ""
-let clientWidth = ref(null)
-let scrollWidth = ref(null)
-let scrollMove = false
+let interval = "";
+let clientWidth = ref(null);
+let scrollWidth = ref(null);
+let scrollMove = false;
 //点击方向按钮
-let moveImageList = type => {
-    if (type === "right" && imgScrollBottom()) return
-    if ((type === "left" && imgListTab.value === 0) || (imgListTab.value === imageLIstLeft.value.length - 1 && type === "right")) return
-    type === "left" ? imgListTab.value-- : imgListTab.value++
-    setOffsetWidth(imageLIstLeft.value[imgListTab.value], type)
-}
+let moveImageList = (type) => {
+    if (type === "right" && imgScrollBottom()) return;
+    if ((type === "left" && imgListTab.value === 0) || (imgListTab.value === imageLIstLeft.value.length - 1 && type === "right")) return;
+    type === "left" ? imgListTab.value-- : imgListTab.value++;
+
+    setOffsetWidth(imageLIstLeft.value[imgListTab.value], type);
+};
 //设置滚动
 let setOffsetWidth = (num, type) => {
-    let scroll = 0
-    if (scrollMove) return
-    scrollMove = true
+    if (!imageList.value) return;
+
+    // 使用scrollTo方法实现平滑滚动
+    imageList.value.scrollTo({
+        left: num,
+        behavior: "smooth",
+    });
+    return;
+    let scroll = 0;
+    if (scrollMove) return;
+    scrollMove = true;
     interval = setInterval(() => {
         if (!imageList.value) {
-            scrollMove = false
-            clearInterval(interval)
-            return
+            scrollMove = false;
+            clearInterval(interval);
+            return;
         }
-        scroll = type === "left" ? (imageList.value.scrollLeft -= 10) : (imageList.value.scrollLeft += 10)
+        scroll = type === "left" ? (imageList.value.scrollLeft -= 10) : (imageList.value.scrollLeft += 10);
         if (type === "left" ? num >= scroll : num <= scroll) {
-            scrollMove = false
-            clearInterval(interval)
+            scrollMove = false;
+            clearInterval(interval);
         }
-    })
-}
+    });
+};
 
 //判断是否触底
 let imgScrollBottom = () => {
-    let clientWidth = imageList.value.clientWidth
-    let scrollWidth = imageList.value.scrollWidth
-    return imageLIstLeft.value[imgListTab.value] + clientWidth >= scrollWidth
-}
+    let clientWidth = imageList.value.clientWidth;
+    let scrollWidth = imageList.value.scrollWidth;
+    return imageLIstLeft.value[imgListTab.value] + clientWidth >= scrollWidth;
+};
 
-let imgData = ref(null)
+let imgData = ref(null);
 //获取图片宽度
-let setImageWidth = num => {
-    imageLIstLeft.value[num] = imgData.value[num] && imgData.value[num].offsetLeft
+let setImageWidth = (num) => {
+    if (!imgData.value) return;
+
+    (imgList.value || []).forEach((element, index) => {
+        imageLIstLeft.value[index] = imgData.value[index] && imgData.value[index].offsetLeft;
+    });
+
+    clientWidth.value = imageList.value.clientWidth;
+    scrollWidth.value = imageList.value.scrollWidth;
+
+    return;
+
+    imageLIstLeft.value[num] = imgData.value[num] && imgData.value[num].offsetLeft;
     if (imageLIstLeft.value.length === imgList.value.length) {
-        clientWidth.value = imageList.value.clientWidth
-        scrollWidth.value = imageList.value.scrollWidth
+        clientWidth.value = imageList.value.clientWidth;
+        scrollWidth.value = imageList.value.scrollWidth;
     }
-}
+};
 
 //学校地址数据
-let distanceList = ref([])
+let distanceList = ref([]);
 
 //地址数字高亮
 let setDistanceList = (text = "") => {
-    if (!text) return text
-    let oRegExp = new RegExp(/\d+(\.\d+)?/, "g")
+    if (!text) return text;
+    let oRegExp = new RegExp(/\d+(\.\d+)?/, "g");
     text = text.replace(
         /\d+(\.\d+)?/g,
         `<span style="font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -889,60 +851,60 @@ let setDistanceList = (text = "") => {
                             font-size: 14px;
                             color: #62B1FF;
                             margin-left: 5px;">${text.match(oRegExp) ? text.match(oRegExp)[0] : ""}公里</span>`
-    )
-    return text
-}
+    );
+    return text;
+};
 
 //显示详情
-let showDistance = ref(false)
+let showDistance = ref(false);
 //学校地址详情
 let setShowDistance = () => {
     // showDistance.value = !showDistance.value
     // showDistance.value = true
-}
+};
 
-let titleType = ref(false)
+let titleType = ref(false);
 //标题
 let changeTitleType = () => {
-    titleType.value = !titleType.value
-}
+    titleType.value = !titleType.value;
+};
 
-let concatType = ref(false)
+let concatType = ref(false);
 //联系方式顶部显示
 let changeConcatType = () => {
-    concatType.value = !concatType.value
-}
+    concatType.value = !concatType.value;
+};
 
 //复制
-let clone = text => {
-    const textareaEle = document.createElement("textarea")
-    document.body.appendChild(textareaEle)
+let clone = (text) => {
+    const textareaEle = document.createElement("textarea");
+    document.body.appendChild(textareaEle);
     // 2. 将需要复制的文本传入输入框, 并调用 select 方法, 选中输入框中文本
-    textareaEle.value = text
-    textareaEle.select()
-    textareaEle.readOnly = "readOnly"
+    textareaEle.value = text;
+    textareaEle.select();
+    textareaEle.readOnly = "readOnly";
     // 3. 调用复制选中文本的方法
-    document.execCommand("copy")
+    document.execCommand("copy");
     // 4. 销毁输入框
-    document.body.removeChild(textareaEle)
+    document.body.removeChild(textareaEle);
     ElMessage({
         message: "复制成功",
         center: true,
         offset: 320,
         duration: 1000,
         customClass: "message-info",
-    })
-}
+    });
+};
 
 //显示联系方式
-let showConcat = ref(false)
+let showConcat = ref(false);
 
 //数据包
-let indexData = reactive({})
+let indexData = reactive({});
 //房源详情
-let housingInfo = reactive({})
+let housingInfo = reactive({});
 //联系
-let concatInfo = reactive({})
+let concatInfo = reactive({});
 
 let setHousingArr = () => {
     // let arr = []
@@ -951,34 +913,34 @@ let setHousingArr = () => {
     // imgList.value = imgList.value.concat(arr)
 
     if (housingInfo["data"].info.video) {
-        housingInfo["data"].info.video.forEach(element => {
-            element["type"] = "videos"
-        })
+        housingInfo["data"].info.video.forEach((element) => {
+            element["type"] = "videos";
+        });
 
-        imgList.value = [...imgList.value, ...housingInfo["data"].info.video]
+        imgList.value = [...imgList.value, ...housingInfo["data"].info.video];
     }
     if (housingInfo["data"].info.picturegroup) {
-        housingInfo["data"].info.picturegroup.forEach(element => {
-            element["type"] = "attachment"
-        })
-        imgList.value = [...imgList.value, ...housingInfo["data"].info.picturegroup]
+        housingInfo["data"].info.picturegroup.forEach((element) => {
+            element["type"] = "attachment";
+        });
+        imgList.value = [...imgList.value, ...housingInfo["data"].info.picturegroup];
     }
-}
+};
 
-let location = store.state.indexData.config && store.state.indexData.config.location
+let location = store.state.indexData.config && store.state.indexData.config.location;
 //设置顶部导航
 // intermediary 1中介 2-5个人 6求房源
 let setNavigation = () => {
-    let type = store.state.indexData.config && store.state.indexData.config.type
-    indexData["data"] = store.state.indexData
-    if (!location) return
+    let type = store.state.indexData.config && store.state.indexData.config.type;
+    indexData["data"] = store.state.indexData;
+    if (!location) return;
     if (pageType.value == 1 || pageType.value == 2) {
         // location=3.8,3.13&areaItem=3
         store.state.routeList["secondaryIndex"] = {
             path: pageType.value === 2 ? "/intermediaryHousing" : pageType.value === 3 ? "/needHousing" : "/personHousing",
             title: pageType.value === 2 ? "中介房源" : pageType.value === 3 ? "求房源" : "个人房源",
-        }
-        housingInfo["data"]["info"].location = housingInfo["data"]["info"].location + ""
+        };
+        housingInfo["data"]["info"].location = housingInfo["data"]["info"].location + "";
         store.state.routeList["thirdIndex"] = {
             path: `${store.state.routeList["secondaryIndex"].path}`,
             query: {
@@ -987,7 +949,7 @@ let setNavigation = () => {
                 types: housingInfo["data"]["info"].type.substring(0, 1),
             },
             title: `${location[housingInfo["data"]["info"].location.substring(0, 1)]}${type[housingInfo["data"]["info"].type.substring(0, 1)]}房源`,
-        }
+        };
         if (housingInfo["data"]["info"].location.length > 0)
             store.state.routeList["fourthIndex"] = {
                 query: {
@@ -998,7 +960,7 @@ let setNavigation = () => {
                 path: `${store.state.routeList["secondaryIndex"].path}`,
 
                 title: `${location[housingInfo["data"]["info"].location]}${type[housingInfo["data"]["info"].type]}`,
-            }
+            };
     } else {
         store.state.routeList = {
             index: {
@@ -1009,333 +971,333 @@ let setNavigation = () => {
                 path: "/needHousing",
                 title: "求房源",
             },
-        }
+        };
     }
-}
+};
 //中介数据
 let contacts = reactive({
     data: {},
-})
+});
 
 //获取房源详情
 let getHousingInfo = () => {
     api.details({
         uniqid: uniqid.value,
         uid: store.state.user.uid,
-    }).then(res => {
+    }).then((res) => {
         if (res.code === 200) {
-            const data = res.data
-            housingInfo["data"] = res.data
-            pageType.value = housingInfo["data"]["info"].intermediary === 1 ? 2 : housingInfo["data"]["info"].intermediary === 6 ? 3 : 1 //1个人  2中介  3求房源
-            setHousingArr()
-            setNavigation()
-            distanceList.value = housingInfo["data"]["info"].pointData || []
+            const data = res.data;
+            housingInfo["data"] = res.data;
+            pageType.value = housingInfo["data"]["info"].intermediary === 1 ? 2 : housingInfo["data"]["info"].intermediary === 6 ? 3 : 1; //1个人  2中介  3求房源
+            setHousingArr();
+            setNavigation();
+            distanceList.value = housingInfo["data"]["info"].pointData || [];
             distanceList.value.unshift({
                 address: true,
                 name: housingInfo["data"]["info"].address,
-            })
-            concatInfo["data"] = store.state.indexData.wechat
-            if (res.data.contacts) contacts["data"] = res.data.contacts
+            });
+            concatInfo["data"] = store.state.indexData.wechat;
+            if (res.data.contacts) contacts["data"] = res.data.contacts;
 
             if ((pageType.value == 2 && housingInfo["data"].isintermediary) || (pageType.value == 1 && housingInfo["data"]["info"].verified)) {
-                getPublisherList()
+                getPublisherList();
             } else if (pageType.value != 3) {
-                recommendList()
+                recommendList();
             } else {
-                loadMore.value = false
+                loadMore.value = false;
             }
 
-            document.title = data?.info?.subject || "港校租房-详情"
+            document.title = data?.info?.subject || "港校租房-详情";
         } else {
             ElMessage({
                 message: res.message,
-            })
-            loadMore.value = false
+            });
+            loadMore.value = false;
         }
-    })
-}
+    });
+};
 
 //收藏
 let setOperation = () => {
     api.operation({
         token: housingInfo["data"].token,
-    }).then(res => {
+    }).then((res) => {
         if (res.code === 200) {
-            housingInfo["data"].info.count_fav = res.data.count
-            housingInfo["data"].isfav = res.data.status
+            housingInfo["data"].info.count_fav = res.data.count;
+            housingInfo["data"].isfav = res.data.status;
         } else {
             ElMessage({
                 message: res.message,
-            })
+            });
         }
-    })
-}
+    });
+};
 
 //获取联系方式
-let concatData = reactive({})
+let concatData = reactive({});
 let getConcatData = () => {
     if (concatData["data"]) {
-        showConcat.value = true
-        return
+        showConcat.value = true;
+        return;
     }
     api.contactData({
         token: housingInfo["data"].token,
-    }).then(res => {
+    }).then((res) => {
         if (res.code === 200) {
-            showConcat.value = true
-            concatData["data"] = res.data
-            let dataCount = 0
-            Object.keys(concatData["data"]).map(res => {
+            showConcat.value = true;
+            concatData["data"] = res.data;
+            let dataCount = 0;
+            Object.keys(concatData["data"]).map((res) => {
                 if ((concatData["data"][res] && res != "wechatdata") || (res === "wechatdata" && concatData["data"][res].aid != 0)) {
-                    dataCount++
+                    dataCount++;
                 }
-            })
-            concatData["data"]["count"] = dataCount
+            });
+            concatData["data"]["count"] = dataCount;
         }
-    })
-}
+    });
+};
 
 //判断更新时间
-let checkUpdateTime = Time => {
-    const now = new Date()
-    let time = new Date(Time)
-    const diff = now - time
-    const seconds = Math.floor(diff / 1000)
-    const minutes = Math.floor(seconds / 60)
-    const hours = Math.floor(minutes / 60)
-    const days = Math.floor(hours / 24)
-    if (seconds < 60) return `${seconds}秒前`
-    else if (minutes < 60) return `${minutes}分钟前`
-    else if (hours < 24) return `${hours}小时前`
-    else if (days < 7) return `${days}天前`
-    else return Time
-}
+let checkUpdateTime = (Time) => {
+    const now = new Date();
+    let time = new Date(Time);
+    const diff = now - time;
+    const seconds = Math.floor(diff / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    if (seconds < 60) return `${seconds}秒前`;
+    else if (minutes < 60) return `${minutes}分钟前`;
+    else if (hours < 24) return `${hours}小时前`;
+    else if (days < 7) return `${days}天前`;
+    else return Time;
+};
 
 //监听滚动条
-const onPageSrcoll = e => {
-    let body = document.documentElement ? document.documentElement : document.body ? document.body : document.querySelector(".element")
-    let scrollTop = body.scrollTop
-    let clientHeight = body.clientHeight
-    let offsetHeight = body.offsetHeight
+const onPageSrcoll = (e) => {
+    let body = document.documentElement ? document.documentElement : document.body ? document.body : document.querySelector(".element");
+    let scrollTop = body.scrollTop;
+    let clientHeight = body.clientHeight;
+    let offsetHeight = body.offsetHeight;
     if (scrollTop + clientHeight >= offsetHeight - 200) {
         if (loadMore.value) {
-            loadMore.value = false
-            pages.value += 1
+            loadMore.value = false;
+            pages.value += 1;
             if (housingInfo["data"] && housingInfo["data"].isintermediary) {
-                getPublisherList()
+                getPublisherList();
             } else {
-                recommendList()
+                recommendList();
             }
         }
     }
-}
+};
 
 //瀑布流列表
-let recommendListData = ref([])
+let recommendListData = ref([]);
 //广告参数
-let pagevalue = ref(0)
+let pagevalue = ref(0);
 //加载提示
-let loadText = ref("下拉加载更多")
+let loadText = ref("下拉加载更多");
 //获取瀑布流数据
 let recommendList = () => {
-    loadText.value = "加载中....."
+    loadText.value = "加载中.....";
     api.recommendList({
         page: pages.value,
         limit: 30,
         type: "nearby",
         pagevalue: pagevalue.value,
         token: housingInfo["data"].token,
-    }).then(res => {
+    }).then((res) => {
         if (res.code === 200) {
             if (res.data.data && res.data.data.length >= 30) {
-                loadMore.value = true
-                loadText.value = "下拉加载更多"
+                loadMore.value = true;
+                loadText.value = "下拉加载更多";
             } else {
-                loadMore.value = false
-                loadText.value = "到底了"
+                loadMore.value = false;
+                loadText.value = "到底了";
             }
-            if (res.data.length === 0) return
+            if (res.data.length === 0) return;
             if (res.data.pagevalue) {
-                recommendListData.value = recommendListData.value.concat(res.data.data)
-                pagevalue.value = res.data.pagevalue
+                recommendListData.value = recommendListData.value.concat(res.data.data);
+                pagevalue.value = res.data.pagevalue;
             }
             nextTick(() => {
-                masonryInstance.reloadItems()
-                masonryInstance.layout()
+                masonryInstance.reloadItems();
+                masonryInstance.layout();
 
                 setTimeout(() => {
-                    masonryInstance.reloadItems()
-                    masonryInstance.layout()
-                }, 3000)
-            })
+                    masonryInstance.reloadItems();
+                    masonryInstance.layout();
+                }, 3000);
+            });
         } else {
             ElMessage({
                 message: res.message,
                 center: true,
-            })
+            });
         }
-    })
-}
+    });
+};
 
 //发布者其他房源
-let publisherList = ref([])
+let publisherList = ref([]);
 //获取发布者其他房源
 let getPublisherList = () => {
     api.publisherList({
         page: pages.value,
         limit: 30,
         token: housingInfo["data"].token,
-    }).then(res => {
+    }).then((res) => {
         if (res.code === 200) {
             if (res.data.length >= 30) {
-                loadMore.value = true
+                loadMore.value = true;
             } else {
-                loadMore.value = false
-                loadText.value = "到底了"
+                loadMore.value = false;
+                loadText.value = "到底了";
             }
-            publisherList.value = publisherList.value.concat(res.data)
+            publisherList.value = publisherList.value.concat(res.data);
         } else {
             ElMessage({
                 message: res.message,
-            })
+            });
         }
-    })
-}
+    });
+};
 
 //瀑布流模块
-const gridContainer = ref(null)
-let masonryInstance = null
+const gridContainer = ref(null);
+let masonryInstance = null;
 
-let router = useRouter()
-let route = useRoute()
+let router = useRouter();
+let route = useRoute();
 
-let pitchSchool = "" // 筛选页面带过来的 学校ID
+let pitchSchool = ""; // 筛选页面带过来的 学校ID
 
 watch(route, () => {
-    let { id } = router.currentRoute.value.query
-    uniqid.value = id
-    pitchSchool = route.query["school"] || ""
-    pageType.value = housingInfo["data"]["info"].intermediary === 1 ? 2 : housingInfo["data"]["info"].intermediary === 6 ? 3 : 1 //1个人  2中介  3求房源
-    publisherList.value = []
-    recommendListData.value = []
-    getHousingInfo()
-    distanceSchool()
-})
+    let { id } = router.currentRoute.value.query;
+    uniqid.value = id;
+    pitchSchool = route.query["school"] || "";
+    pageType.value = housingInfo["data"]["info"].intermediary === 1 ? 2 : housingInfo["data"]["info"].intermediary === 6 ? 3 : 1; //1个人  2中介  3求房源
+    publisherList.value = [];
+    recommendListData.value = [];
+    getHousingInfo();
+    distanceSchool();
+});
 
 // const gridContainer = ref(null)
 
 onMounted(() => {
-    let { id } = router.currentRoute.value.query
-    uniqid.value = id
-    pitchSchool = route.query["school"] || ""
-    getHousingInfo()
-    distanceSchool()
+    let { id } = router.currentRoute.value.query;
+    uniqid.value = id;
+    pitchSchool = route.query["school"] || "";
+    getHousingInfo();
+    distanceSchool();
     masonryInstance = new Masonry(gridContainer.value, {
         itemSelector: ".item",
         gutter: 10,
-    })
+    });
     if (pageType.value != 3) {
-        window.addEventListener("scroll", onPageSrcoll)
-        document.body.scrollTop = 0
+        window.addEventListener("scroll", onPageSrcoll);
+        document.body.scrollTop = 0;
     }
 
     // listMasonryInstance = new Masonry(gridContainer.value, {
     //     itemSelector: ".item",
     //     gutter: 20,
     // })
-})
+});
 
 onBeforeUnmount(() => {
-    window.removeEventListener("scroll", onPageSrcoll)
-})
+    window.removeEventListener("scroll", onPageSrcoll);
+});
 
 // 获取 距离学校距离
 const distanceSchool = () => {
     api.detailsDistance({
         uniqid: uniqid.value,
         istype: 1,
-    }).then(res => {
-        const data = res.data
-        if (res.code != 200) return
+    }).then((res) => {
+        const data = res.data;
+        if (res.code != 200) return;
 
-        let specialSchoolDistanceTarget = null
-        let academyPitchIndexTarget = 0
-        const school = pitchSchool || ""
-        let annexSchoolOmitTarget = []
+        let specialSchoolDistanceTarget = null;
+        let academyPitchIndexTarget = 0;
+        const school = pitchSchool || "";
+        let annexSchoolOmitTarget = [];
         data.forEach((element, index) => {
-            element["distanceText"] = metersToKilometers(element.distance)
-            element.list.forEach(ele => {
-                ele["durationText"] = secondsToHoursMinutes(ele.duration, "chinese")
-                ele["durationText2"] = secondsToHoursMinutes(ele.duration)
-                ele["distanceText"] = metersToKilometers(ele.distance)
+            element["distanceText"] = metersToKilometers(element.distance);
+            element.list.forEach((ele) => {
+                ele["durationText"] = secondsToHoursMinutes(ele.duration, "chinese");
+                ele["durationText2"] = secondsToHoursMinutes(ele.duration);
+                ele["distanceText"] = metersToKilometers(ele.distance);
                 if (Object.prototype.toString.call(ele.publictransport) === "[object Object]") {
-                    ele.publictransport["durationText"] = secondsToHoursMinutes(ele?.publictransport?.duration || 0, "chinese")
-                    ele.publictransport["durationText2"] = secondsToHoursMinutes(ele?.publictransport?.duration || 0)
-                    const segments = ele.publictransport["segments"]
+                    ele.publictransport["durationText"] = secondsToHoursMinutes(ele?.publictransport?.duration || 0, "chinese");
+                    ele.publictransport["durationText2"] = secondsToHoursMinutes(ele?.publictransport?.duration || 0);
+                    const segments = ele.publictransport["segments"];
                     if (Array.isArray(segments)) {
-                        segments.forEach(e => {
-                            e["via_num"] = 1 + Math.floor(e.via_num)
-                            e["durationText"] = secondsToHoursMinutes(e.duration)
-                            e["distanceText"] = metersToKilometers(e.distance, "chinese")
-                        })
+                        segments.forEach((e) => {
+                            e["via_num"] = 1 + Math.floor(e.via_num);
+                            e["durationText"] = secondsToHoursMinutes(e.duration);
+                            e["distanceText"] = metersToKilometers(e.distance, "chinese");
+                        });
                     }
-                } else ele.publictransport = null
-            })
+                } else ele.publictransport = null;
+            });
 
             if (school == element.id) {
-                academyPitchIndexTarget = index
-                const obj = element.list[0] || {}
-                let toolText = "步行"
-                if (Object.prototype.toString.call(obj.publictransport) === "[object Object]") toolText = "公交地铁"
+                academyPitchIndexTarget = index;
+                const obj = element.list[0] || {};
+                let toolText = "步行";
+                if (Object.prototype.toString.call(obj.publictransport) === "[object Object]") toolText = "公交地铁";
                 specialSchoolDistanceTarget = {
                     alias: element.alias,
                     distanceText: obj["distanceText"],
                     durationText: obj.publictransport?.durationText2 || obj["durationText2"],
                     toolText,
-                }
-            } else annexSchoolOmitTarget.push(element)
-        })
+                };
+            } else annexSchoolOmitTarget.push(element);
+        });
 
-        if (specialSchoolDistanceTarget) annexSchoolOmitTarget = annexSchoolOmitTarget.slice(0, 4)
-        else annexSchoolOmitTarget = annexSchoolOmitTarget.slice(0, 5)
+        if (specialSchoolDistanceTarget) annexSchoolOmitTarget = annexSchoolOmitTarget.slice(0, 4);
+        else annexSchoolOmitTarget = annexSchoolOmitTarget.slice(0, 5);
 
-        annexSchoolOmit.value = annexSchoolOmitTarget
-        annexSchoolList.value = data
-        targetAcademyPitch.value = data[academyPitchIndexTarget]
-        specialSchoolDistance.value = specialSchoolDistanceTarget
-        academyPitchIndex.value = academyPitchIndexTarget
-    })
-}
+        annexSchoolOmit.value = annexSchoolOmitTarget;
+        annexSchoolList.value = data;
+        targetAcademyPitch.value = data[academyPitchIndexTarget];
+        specialSchoolDistance.value = specialSchoolDistanceTarget;
+        academyPitchIndex.value = academyPitchIndexTarget;
+    });
+};
 
-let annexSchoolOmit = ref([]) // 附近院校 前面 7个 或者 6个的
-let annexSchoolList = ref([]) // 附近院校数据
-let academyPitchIndex = ref(0) // 附近学校距离选中院校 下标
-let targetAcademyPitch = ref({}) // 附近学校距离选中院校 数据
-let specialSchoolDistance = ref(null) // 特殊的 用户带有school参数 则需要特殊显示 学校距离
-const elscrollbarRef = ref(null) // 滚动条
+let annexSchoolOmit = ref([]); // 附近院校 前面 7个 或者 6个的
+let annexSchoolList = ref([]); // 附近院校数据
+let academyPitchIndex = ref(0); // 附近学校距离选中院校 下标
+let targetAcademyPitch = ref({}); // 附近学校距离选中院校 数据
+let specialSchoolDistance = ref(null); // 特殊的 用户带有school参数 则需要特殊显示 学校距离
+const elscrollbarRef = ref(null); // 滚动条
 
 // 选择附近学校距离的学校下标
-const selectAcademyIndex = index => {
-    academyPitchIndex.value = index || 0
-    targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
-    elscrollbarRef.value.setScrollTop(0)
-}
+const selectAcademyIndex = (index) => {
+    academyPitchIndex.value = index || 0;
+    targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value];
+    elscrollbarRef.value.setScrollTop(0);
+};
 
 // 选择附近学校距离的学校下标
-const selectIndex = id => {
-    if (!id) id = pitchSchool
-    const data = annexSchoolOmit.value || []
+const selectIndex = (id) => {
+    if (!id) id = pitchSchool;
+    const data = annexSchoolOmit.value || [];
     data.forEach((element, index) => {
         if (element.id == id) {
-            academyPitchIndex.value = index || 0
-            targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
+            academyPitchIndex.value = index || 0;
+            targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value];
         }
-    })
+    });
 
     // showDistance.value = true
-}
+};
 
-let listMasonryInstance = null
+let listMasonryInstance = null;
 </script>
 <style scoped lang="less">
 img {
@@ -2298,6 +2260,7 @@ img {
                 // -ms-overflow-style: none; // 微软
                 height: 120px;
                 color: #fff;
+                position: relative;
 
                 .icon-box {
                     position: absolute;
@@ -2331,11 +2294,19 @@ img {
                     -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
                 }
 
-                .img {
+                .img-box {
                     height: 100px;
                     border-radius: 10px;
-                    margin-right: 10px;
-                    flex-shrink: 0;
+                    &:not(:last-of-type) {
+                        margin-right: 10px;
+                    }
+
+                    .img {
+                        height: 100px;
+                        border-radius: 10px;
+
+                        flex-shrink: 0;
+                    }
                 }
             }
 
@@ -2874,6 +2845,12 @@ img {
     }
 }
 
+.info-box-right {
+    /deep/ .QRcode-box.group-QRcode {
+        margin-bottom: 0;
+    }
+}
+
 .pop-mask {
     width: 100vw;
     height: 100vh;
diff --git a/src/views/housingView/intermediary.vue b/src/views/housingView/intermediary.vue
index 18822ea..7dc8ce2 100644
--- a/src/views/housingView/intermediary.vue
+++ b/src/views/housingView/intermediary.vue
@@ -5,10 +5,10 @@
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
-                <div v-show="dataList.data && dataList.data.length > 0" ref="list">
+                <div v-show="dataList.count" ref="list">
                     <biserialItem v-for="(item, i) in pageList" :key="i" :item="item" :school="school"></biserialItem>
                 </div>
-                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.data && dataList.data.length === 0">
+                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.count == 0">
                     <noList hint-text-two="建议放宽筛选条件"></noList>
                 </div>
 
diff --git a/src/views/housingView/needHousing.vue b/src/views/housingView/needHousing.vue
index f0c9d5a..66c2661 100644
--- a/src/views/housingView/needHousing.vue
+++ b/src/views/housingView/needHousing.vue
@@ -4,10 +4,10 @@
         <seachModule :count="dataList.count" :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
-                <div v-show="dataList.data && dataList.data.length > 0" ref="list">
+                <div v-show="dataList.count" ref="list">
                     <biserialItem v-for="(item, i) in pageList" :key="i" :item="item"></biserialItem>
                 </div>
-                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.data && dataList.data.length === 0">
+                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.count == 0">
                     <noList hint-text-two="建议放宽筛选条件"></noList>
                 </div>
 
@@ -16,10 +16,9 @@
                 <div style="width: 1200px;" ref="moreShowList">
                     <biserialItem v-for="(item, i) in moreList" :key="i" :item="item"></biserialItem>
                 </div>
-
             </div>
         </div>
-        <loadMoreText :loadText="loadingText" v-show="dataList.data && dataList.data.length > 0"></loadMoreText>
+        <loadMoreText :loadText="loadingText" v-show="dataList.count"></loadMoreText>
         <listBtmPrompt></listBtmPrompt>
         <footerTool></footerTool>
     </div>
@@ -93,9 +92,11 @@ let getDataList = data => {
             } else {
                 loadingText.value = " 下拉加载更多 "
             }
+            
             if (pages.value === 1) {
                 pageList.value = []
             }
+            
             pageList.value = pageList.value.concat(res.data.data)
             pageList.tab = 1
             dataList.count = res.data.count
diff --git a/src/views/housingView/person.vue b/src/views/housingView/person.vue
index 9f908b3..972ec09 100644
--- a/src/views/housingView/person.vue
+++ b/src/views/housingView/person.vue
@@ -5,10 +5,10 @@
         <seachModule :getDataList="setSeachSelectData"></seachModule>
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
-                <div v-show="dataList.data && dataList.data.length > 0" style="width: 1200px;" ref="list">
+                <div v-show="dataList.count" style="width: 1200px;" ref="list">
                     <biserialItem v-for="(item, i) in pageList" :key="i" :item="item" :school="school"></biserialItem>
                 </div>
-                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.data && dataList.data.length === 0">
+                <div class="dis-f jus-x no-list-box al-item" v-show="dataList.count == 0">
                     <noList hint-text-two="建议放宽筛选条件"></noList>
                 </div>