gter.net/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
Show Stats 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;
}
.wordbreak {
word-break: break-word;
}
.ellipsis {
white-space: nowrap;
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-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 {