XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改bug

Browse Source
This commit is contained in:
A1300399510
2023-07-28 19:13:37 +08:00
parent 900fdd468d
commit 15a078f11c
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -25,6 +25,10 @@ img {
object-fit: contain; object-fit: contain;
} }
.wordbreak {
word-break: break-word;
}
.ellipsis { .ellipsis {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;

21
src/views/apartmentDetail.vue
View File

@@ -77,14 +77,14 @@
<img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png"> <img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png">
<img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg"> <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-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>
<div class="apartment-name" v-if="info['title']">{{ info['title'] }}</div> <div class="apartment-name wordbreak" v-if="info['title']">{{ info['title'] }}</div>
<div class="synopsis">{{ info['introduction'] }}</div> <div class="synopsis wordbreak">{{ info['introduction'] }}</div>
<div class="place flexacenter" v-if="info['address']"> <div class="place flexacenter" v-if="info['address']">
<div class="left flexacenter"> <div class="left flexacenter">
<img class="icon" src="@/assets/img/publicImage/location-icon.png" /> <img class="icon" src="@/assets/img/publicImage/location-icon.png" />
{{ info['address'] }} <div class="place-text ellipsis">{{ info['address'] }}</div>
</div> </div>
<div class="right flexacenter" @click="handleClickNav('addressEle')"> <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-item" v-for="item in dualBrandList" @click="gobrand(item)">
<div class="same-brand-header"> <div class="same-brand-header">
<img class="same-brand-img" v-lazy="item['image']" /> <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 class="apartment-synopsis ellipsis">{{ item['propaganda'] }}</div>
</div> </div>
@@ -412,7 +412,7 @@ const cloaseImageShow = (list, index) => {
} }
imageShow.value = !imageShow.value imageShow.value = !imageShow.value
} }
console.log('imageList',imageList) console.log('imageList', imageList)
// 房间类型 // 房间类型
let roomList = ref([]) let roomList = ref([])
@@ -948,14 +948,14 @@ const publicJump = path => router.push(path)
margin-bottom: 9px; margin-bottom: 9px;
.tab-item { .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: -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: -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%); background: linear-gradient(-55.8297720355872deg, rgba(224, 240, 255, 1) 0%, rgba(98, 177, 255, 1) 297%);
border-radius: 8px; border-radius: 8px;
font-size: 14px; font-size: 14px;
color: #447EB3; color: #447EB3;
line-height: 26px; line-height: 24px;
padding: 0 7px; padding: 0 7px;
margin-bottom: 12px; margin-bottom: 12px;
margin-right: 10px; margin-right: 10px;
@@ -976,6 +976,10 @@ const publicJump = path => router.push(path)
margin-bottom: 20px; margin-bottom: 20px;
} }
.place-text {
}
.place, .place,
.else { .else {
height: 63px; height: 63px;
@@ -1479,6 +1483,7 @@ const publicJump = path => router.push(path)
border-radius: 40px; border-radius: 40px;
width: max-content; width: max-content;
line-height: 30px; line-height: 30px;
max-width: 100%;
} }
.apartment-synopsis { .apartment-synopsis {