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

提交

Browse Source
This commit is contained in:
A1300399510
2023-08-03 18:35:22 +08:00
parent 920d475ad0
commit e9159ce721
1 changed files with 169 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/views/detail.vue
View File

@@ -67,15 +67,14 @@
</span>
</div>
<div class="line" style="margin:0 20px;"></div>
<div class="dis-f al-item" style="position: relative;">
<div class="dis-f al-item">
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="">
<span>
转发
</span>
<transmit-btn v-if="housingInfo.data"
<transmit-btn v-if="housingInfo.data" :concatType="concatType"
:qrcode="housingInfo.data['qrcode']"
:title="housingInfo.data.info['subject']" :concatType="concatType"
type="housingTop"></transmit-btn>
:title="housingInfo.data.info['subject']" type="housingTop"></transmit-btn>
</div>
</div>
<div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
@@ -471,9 +470,8 @@
</div>
</div>
</div>
<div class="dis-f jus-x"
<div class="dis-f jus-x pos-r"
v-if="distanceList[0] && distanceList[0].name && pageType != 3 && distanceList.length > 1">
<div class="distance-box dis-f jus-bet">
<div class="distance-info-box pos-r" :class="{ 'show-distance-info-box': showDistance }"
:style="{ 'height': showDistance ? `${70 + 42 + 82 * distanceList.length - 1}px` : '0px' }">
<div class="top-box"></div>
@@ -490,12 +488,14 @@
:class="{ 'home-icon': item && item.address }">
<div class="line" v-show="index > 0"></div>
<img src="../assets/img/detail/school.png" class="icon"
v-show="item && item.address" alt="">
<img src="../assets/img/detail/home.png" class="icon"
v-show="item && !item.address" alt="">
<img src="../assets/img/detail/home.png" class="icon"
v-show="item && item.address" alt="">
</div>
<div style="width:200px">
{{ item && item.name }}
<div class="dis-f" style="flex-wrap: wrap;width:540px;">
</div>
<div class="dis-f" style="flex-wrap: wrap;width:480px">
<div v-for="(items, i) in item && item.point" :key="i">
<span class="address-info">
{{ items.title }}
@@ -511,14 +511,13 @@
</div>
</div>
</div>
<div class="distance-box dis-f jus-bet">
<div class="dis-f al-item" style="position:relative;" @click="setShowDistance">
<!-- <img src="../assets/img/detail/line.svg" class="line-img" alt=""> -->
<div class="dis-f al-item s-w-100" style="position:absolute;">
<div class="line-school-box dis-f al-item s-w-100"
style="justify-content:space-around;">
<div class="line-school-box dis-f al-item s-w-100" style="justify-content:space-around;">
<div v-for="(item, i) in distanceList" class="box-text" :key="item && item.id"
v-show="i < 9 && item.id">
<div :class="{ 'far-s': item && item.recently_distance > 4 }"
v-if="item && !item.address" class="text-c">
{{ item && item.recently_distance }}km
@@ -560,10 +559,9 @@
<div class="houseing-info-box dis-f al-item jus-bet">
<div class="dis-f al-item">
房源ID : &nbsp<span class="houseing-id" @click="clone(housingInfo['data'] &&
housingInfo['data'].info.uid)">{{ housingInfo['data']
&& housingInfo['data'].info.uid }}</span>
housingInfo['data'].info.id)">{{ housingInfo['data'] && housingInfo['data'].info.id}}</span>
<span class="browse-box">
浏览 : <span class="text">{{ housingInfo['data'] && housingInfo['data'].info.count_view
浏览 :<span class="text">{{ housingInfo['data'] && housingInfo['data'].info.count_view
}}</span>
</span>
</div>
@@ -2279,7 +2277,7 @@ img {
font-size: 14px;
padding: 30px 20px;
position: relative;
z-index: 333;
/* z-index: 333; */
.detail-price-box {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -2626,7 +2624,9 @@ img {
.houseing-info-box-s {
height: 17px;
width: 1px;
border-right: 1px dashed #d7d7d7;
background-image: linear-gradient(to top, #d7d7d7 0%, #d7d7d7 50%, transparent 0%);
background-size: 4px 2px;
background-repeat: repeat-y;
}
.browse-box {
@@ -2731,7 +2731,7 @@ img {
.show-distance-info-box {
border-width: 1px;
border-style: solid;
/* border-style: solid; */
border-color: rgba(235, 235, 235, 1);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
@@ -2739,20 +2739,6 @@ img {
transition: all 0.2s linear;
}
.distance-box {
width: 100%;
height: 101px;
background: inherit;
background-color: rgba(255, 255, 255, 1);
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: rgba(242, 242, 242, 1);
border-radius: 12px;
margin-top: 20px;
cursor: pointer;
position: relative;
.distance-info-box {
background: inherit;
background-color: rgba(255, 255, 255, 1);
@@ -2761,7 +2747,7 @@ img {
border-radius: 16px;
position: absolute;
left: 0;
top: 110px;
top: 130px;
z-index: 666;
width: 100%;
max-height: 610px;
@@ -2776,6 +2762,9 @@ img {
height: 500px;
overflow-y: scroll;
}
.distance-box-s ::-webkit-scrollbar{
width: 8px;
}
.distance-info-data {
padding: 30px 45px 0 45px;
@@ -2802,9 +2791,11 @@ img {
}
.line {
background-image: linear-gradient(to top, #d7d7d7 0%, #d7d7d7 50%, transparent 0%);
background-size: 5px 2px;
background-repeat: repeat-y;
height: 50px;
width: 1px;
border-left: 1px dashed #e7e7e7;
position: absolute;
top: -50px;
}
@@ -2868,6 +2859,19 @@ img {
}
}
.distance-box {
width: 100%;
height: 101px;
background: inherit;
background-color: rgba(255, 255, 255, 1);
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: rgba(242, 242, 242, 1);
border-radius: 12px;
margin-top: 20px;
cursor: pointer;
position: relative;
/* ::-webkit-scrollbar {
display: none;
} */
@@ -2905,9 +2909,11 @@ img {
}
.line-img {
height: 1px;
height: 2px;
width: 743px;
border: 1px dashed #d7d7d7;
background-image: linear-gradient(to right, #d7d7d7 0%, #d7d7d7 50%, transparent 0%);
background-size: 4px 2px;
background-repeat: repeat-x;
}
.address-box {
@@ -2973,8 +2979,7 @@ img {
z-index: 999;
}
</style>
<style type="less">
<style>
.message-info {
background: #000000;
border-color: #000000;