fix: 优化样式和交互细节

- 移除图片固定高度以增强响应式布局
- 调整收藏和转发按钮的样式和间距
- 仅在回访数大于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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

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

View File

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

View File

@@ -635,7 +635,7 @@
<div class="type flexacenter"> <div class="type flexacenter">
<div class="item" :class="{ pitch: remarkTypeid == 0 }" @click="cutRemarkType(0)">全部 {{ spotSum + returnSum }}</div> <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 == 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>
<div class="list"> <div class="list">

View File

@@ -8,7 +8,7 @@
<div class="info-box"> <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="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/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> <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>
<div class="dis-f al-item"> <div class="dis-f al-item">
<div class="tool-btn dis-f al-item jus-x"> <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"> <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/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="" /> <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 : "收藏" }} {{ housingInfo["data"] && housingInfo["data"].isfav ? housingInfo["data"] && housingInfo["data"]["info"].count_fav : "收藏" }}
</span> </span>
</div> </div>
<div class="line" style="margin: 0 20px"></div> <div class="line" style="margin: 0;"></div>
<div class="dis-f al-item"> <div class="dis-f al-item btn-item">
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="" /> <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> <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> <div>
如房源信息中有内容侵犯了您的合法权益可点击屏幕右侧的举报或联系寄托方同学微信号 如房源信息中有内容侵犯了您的合法权益可点击屏幕右侧的举报或联系寄托方同学微信号
<el-popover placement="bottom" trigger="hover"> <el-popover placement="bottom" trigger="hover">
<div class="wx-qrcode-s"> <img :src="concatInfo.data && concatInfo.data.wechatqrcode" style="width: 126px; display: flex" alt="" />
<img :src="concatInfo.data && concatInfo.data.wechatqrcode" style="width: 130px; height: 130px" alt="" />
</div>
<template #reference> <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> </template>
@@ -3148,4 +3146,10 @@ img {
} }
} }
} }
.btn-item {
flex: 1;
justify-content: center;
height: 100%;
}
</style> </style>