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

fix: 优化样式和交互细节

Browse Source 
- 移除图片固定高度以增强响应式布局
- 调整收藏和转发按钮的样式和间距
- 仅在回访数大于0时显示回访标签
- 简化微信二维码展示样式
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-08-15 14:04:47 +08:00
parent ed25a78185
commit 43da99a6e7
5 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/publicImage/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

2
src/components/biserialListItem/biserialListItem.vue
View File

@@ -246,7 +246,7 @@ img {
.text-img {
width: 81px;
height: 81px;
// height: 81px;
position: absolute;
left: 35px;
}

2
src/components/public/public-list-item.vue
View File

@@ -334,7 +334,7 @@ img {
.text-img {
width: 81px;
height: 81px;
// height: 81px;
position: absolute;
left: 35px;
}

2
src/views/apartmentDetail.vue
View File

@@ -635,7 +635,7 @@
<div class="type flexacenter">
<div class="item" :class="{ pitch: remarkTypeid == 0 }" @click="cutRemarkType(0)">全部 {{ spotSum + returnSum }}</div>
<div class="item" :class="{ pitch: remarkTypeid == 1 }" @click="cutRemarkType(1)">寄托实地考察 {{ spotSum }}</div>
<div class="item" :class="{ pitch: remarkTypeid == 2 }" @click="cutRemarkType(2)">寄托回访 {{ returnSum }}</div>
<div v-if="returnSum > 0" class="item" :class="{ pitch: remarkTypeid == 2 }" @click="cutRemarkType(2)">寄托回访 {{ returnSum }}</div>
</div>
<div class="list">

18
src/views/detail.vue
View File

@@ -8,7 +8,7 @@
<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 dis-f al-item jus-bet">
<div class="dis-f al-item" style="margin-right: 10px;">
<div class="dis-f al-item" style="margin-right: 10px">
<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="" />
<div class="line" v-if="(housingInfo['data'] && housingInfo['data'].info.verified) || (pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary == 1)"></div>
@@ -28,7 +28,7 @@
</div>
<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="dis-f al-item fav-btn btn-item" @click="setOperation">
<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="" />
@@ -38,8 +38,8 @@
{{ housingInfo["data"] && housingInfo["data"].isfav ? housingInfo["data"] && housingInfo["data"]["info"].count_fav : "收藏" }}
</span>
</div>
<div class="line" style="margin: 0 20px"></div>
<div class="dis-f al-item">
<div class="line" style="margin: 0;"></div>
<div class="dis-f al-item btn-item">
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="" />
<span> 转发 </span>
<transmit-btn v-if="housingInfo.data" :concatType="concatType" :qrcode="housingInfo.data['qrcode']" :title="housingInfo.data.info['subject']" type="housingTop"></transmit-btn>
@@ -428,9 +428,7 @@
<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="" />
</div>
<img :src="concatInfo.data && concatInfo.data.wechatqrcode" style="width: 126px; display: flex" alt="" />
<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>
</template>
@@ -3148,4 +3146,10 @@ img {
}
}
}
.btn-item {
flex: 1;
justify-content: center;
height: 100%;
}
</style>