From 15a078f11ca9db7fcbc4cad4d0327ee0184b5353 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Fri, 28 Jul 2023 19:13:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                   |  4 ++++
 src/views/apartmentDetail.vue | 21 +++++++++++++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0f3928a..c3e2718 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,6 +25,10 @@ img {
   object-fit: contain;
 }
 
+.wordbreak {
+  word-break: break-word;
+}
+
 .ellipsis {
   white-space: nowrap;
   overflow: hidden;
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index fccb153..4c90405 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -77,14 +77,14 @@
                     <img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png">
                     <img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg">
                     <div class="tab-box flexflex" v-if="info['tags'] && info['tags'].length != 0">
-                        <div class="tab-item flexcenter" v-for="item in info['tags']">{{ item }}</div>
+                        <div class="tab-item wordbreak flexcenter" v-for="item in info['tags']">{{ item }}</div>
                     </div>
-                    <div class="apartment-name" v-if="info['title']">{{ info['title'] }}</div>
-                    <div class="synopsis">{{ info['introduction'] }}</div>
+                    <div class="apartment-name wordbreak" v-if="info['title']">{{ info['title'] }}</div>
+                    <div class="synopsis wordbreak">{{ info['introduction'] }}</div>
                     <div class="place flexacenter" v-if="info['address']">
                         <div class="left flexacenter">
                             <img class="icon" src="@/assets/img/publicImage/location-icon.png" />
-                            {{ info['address'] }}
+                            <div class="place-text ellipsis">{{ info['address'] }}</div>
                         </div>
                         <div class="right flexacenter" @click="handleClickNav('addressEle')">
                             位置与交通
@@ -277,7 +277,7 @@
                     <div class="same-brand-item" v-for="item in dualBrandList" @click="gobrand(item)">
                         <div class="same-brand-header">
                             <img class="same-brand-img" v-lazy="item['image']" />
-                            <div class="apartment-name">{{ item['title'] }}</div>
+                            <div class="apartment-name ellipsis">{{ item['title'] }}</div>
                             <div class="apartment-synopsis ellipsis">{{ item['propaganda'] }}</div>
                         </div>
 
@@ -412,7 +412,7 @@ const cloaseImageShow = (list, index) => {
     }
     imageShow.value = !imageShow.value
 }
-console.log('imageList',imageList)
+console.log('imageList', imageList)
 
 // 房间类型
 let roomList = ref([])
@@ -948,14 +948,14 @@ const publicJump = path => router.push(path)
                     margin-bottom: 9px;
 
                     .tab-item {
-                        height: 24px;
+                        // height: 24px;
                         background: -webkit-linear-gradient(145.829772035587deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         background: -moz-linear-gradient(-55.8297720355872deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         background: linear-gradient(-55.8297720355872deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
                         border-radius: 8px;
                         font-size: 14px;
                         color: #447EB3;
-                        line-height: 26px;
+                        line-height: 24px;
                         padding: 0 7px;
                         margin-bottom: 12px;
                         margin-right: 10px;
@@ -976,6 +976,10 @@ const publicJump = path => router.push(path)
                     margin-bottom: 20px;
                 }
 
+                .place-text {
+
+                }
+
                 .place,
                 .else {
                     height: 63px;
@@ -1479,6 +1483,7 @@ const publicJump = path => router.push(path)
                             border-radius: 40px;
                             width: max-content;
                             line-height: 30px;
+                            max-width: 100%;
                         }
 
                         .apartment-synopsis {