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

图片查看

Browse Source
This commit is contained in:
luJianJun
2023-07-25 18:17:45 +08:00
parent b39a23dc70
commit f94ef15476
6 changed files with 226 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/detail/authenticationLogon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/img/detail/authenticationTitle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

11
src/assets/img/detail/authenticationType.svg Normal file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter265">
<feColorMatrix type="matrix" values="1 0 0 0 1 0 1 0 0 1 0 0 1 0 1 0 0 0 1 0 " in="SourceGraphic" />
</filter>
</defs>
<g transform="matrix(1 0 0 1 -1438 -237 )">
<image preserveAspectRatio="none" style="overflow:visible" width="18" height="18" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAd1QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnJFIrAAAAJ50Uk5TABtEanqIaUMYAkWb3dmWPgENdeMJaO327PfkVyHHsW84ERM6crX5tBRN72sQceIzYvwEBvPy/rkXytgaTPuJpyjaO3gS58aKyWe+AyflGQzr1uAF5kFTg7ZWFnQ/T0JkuB9Yd8zpKyZs8al/gtOB/RxgPHvUu9KSjzncCHn0B1zIxb2Zuofompz4IlX1CsJHw1nhZtdlNozOizUOblsqaLU0AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAqlJREFUSMetlf1bEkEQx9fEFDW5UEwTI8nMpBcNJYIwtCyzpBTJMCqt7I3oLHrX1Mos07IXK8Oav7XZOw7O3bvzep7ml5357mdm325vCfkPVrCp0FJUZNlcXGICtpaWlUPOtlTYBEN8q70SGCsvrNKv7qhWsG01NbWKv71Oh3fWS/21O1w7G2js3tW4u0mS9jRr8XtbpBl49qlF9/4DVK08yPOtbdhR7TjE6l57O3Z02Djeh/Jhv+ZUjwAEguioix0NId9p1V6c95jEh7u680Xo/I/rb98JyvdAh5JhPYn8KcMTojxAryAHp9HvO2PIn+1HJhCRg3PnAVpKNq4/oOxJIwaef+CtgwCDUUN+SM2TGEYuc7y8zgqAJrcp/sKwJAQALpri46EAFUYwvmSGLw2Bj362CRRsJnhyGb0r2F7FNn8I7tGw3v6MoXsN2+sAbYICNNyA8Zt5/pb6fL3o38Z2GOBOjriL4lBYqz4aXowkNvfUCSMpRJQx1tWXE+5jYwcQc1Mi/oHcGEx9YvXJ29mKcpDwGSxPJjB+gO1DbGOEy+B4UowCvUHNPuayyRkcT9IAPnr1yCOAx4TL4HjSB/BEcp4ChPwaGQwfwf/QM8nrxk474TIYnh4wPJc84QVA/ySTkUoxfBVeuq7s9nv4IYibvSFTCDmy/iTuSPsYMTTnS/zDTivRDGbPGt7q6Kvspyqb8BrDNwa8UIbAnEoIjqPwVp/vxO75iFqK0Zfjnc6svO+xcyGxXqwTUax3avEferFLXGTlOB1jaYp7AT+ml2j9Rb5QjK4D5i0FanHCIqk9CaJhkTnpkxM/JZeduJqoczn5WZSkUb0/9Zf8K72wkHO/xvX3e/rbCvuwr3z3EkP78XNVVGBx9VeGmLC1zIwrnf79J7Nmht7I/gKOUk9ziKiKSwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOS0yNFQxNDozMDoxNSswODowME2gzVgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDktMjRUMTQ6MzA6MTUrMDg6MDA8/XXkAAAAS3RFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9lMGtnM3N4OXI4ci93YW5jaGVuZy5zdmcVTjpuAAAAAElFTkSuQmCC" x="1438px" y="237px" filter="url(#filter265)" />
</g>
</svg>

172
src/components/detail/breadcrumb.vue
View File

@@ -1,35 +1,57 @@
<template> <template>
<div class="title-top-box"> <div class="pos-r">
<div class="breadcrumb-box"> <div class="authentication-top" v-if="data['data']&&data['data'].isintermediary===1">
<el-breadcrumb :separator-icon="ArrowRight"> <div class="dis-f al-item jus-bet">
<el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path }"> <div>
<span class="breadcrumb-text"> <img src="../../assets/img/detail/authenticationLogon.png" class="logo" alt="">
{{ item.title }} <img src="../../assets/img/detail/authenticationTitle.png" class="title" alt="">
</span> </div>
</el-breadcrumb-item> <div class="dis-f al-item">
</el-breadcrumb> <div class="dis-f al-item">
</div> <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt=""><span>房产证明</span>
<div class="dis-f al-item jus-bet title-box"> </div>
<div class="detail-title"> <div class="dis-f al-item" style="margin-left:20px;">
{{ data['data']['info']&&data['data']['info'].subject }} <img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt=""><span>房东身份证</span>
</div>
</div>
</div> </div>
<div class="tool-btn-box dis-f al-item"> </div>
<div class="btn-s dis-f al-item jus-x" @click="operation"> <div class="title-top-box pos-r" style="z-index:666;">
<img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt=""> <div class="top-round" v-if="data['data']&&data['data'].isintermediary===1">
<img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img" alt=""> <div class="top-round-s"></div>
<span class="mg-l-5"> </div>
{{data.data.isfav?data['data']['info'].count_fav:'收藏'}} <div class="breadcrumb-box">
</span> <el-breadcrumb :separator-icon="ArrowRight">
<el-breadcrumb-item v-for="(item, i) in storeData" :key="i" :to="{ path: item.path }">
<span class="breadcrumb-text">
{{ item.title }}
</span>
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="dis-f al-item jus-bet title-box">
<div class="detail-title">
{{ data['data']['info'] && data['data']['info'].subject }}
</div> </div>
<div class="line"> <div class="tool-btn-box dis-f al-item">
<div class="btn-s dis-f al-item jus-x" @click="operation">
<img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt="">
<img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img" alt="">
<span class="mg-l-5">
{{ data.data.isfav ? data['data']['info'].count_fav : '收藏' }}
</span>
</div>
<div class="line">
</div> </div>
<div class="btn-s dis-f al-item jus-x" style="position: relative;"> <div class="btn-s dis-f al-item jus-x" style="position: relative;">
<img src="../../assets/img/detail/forward.png" class="img" alt=""> <img src="../../assets/img/detail/forward.png" class="img" alt="">
<span class="mg-l-5"> <span class="mg-l-5">
转发 转发
</span> </span>
<transmit-btn v-if="data.data['info']" :qrcode="data.data['qrcode']" :title="data.data.info['title']"></transmit-btn> <transmit-btn v-if="data.data['info']" :qrcode="data.data['qrcode']"
:title="data.data.info['title']"></transmit-btn>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -38,31 +60,31 @@
<script setup> <script setup>
import { ArrowRight } from '@element-plus/icons-vue' import { ArrowRight } from '@element-plus/icons-vue'
import { reactive, onMounted, ref, defineProps,watchEffect } from 'vue' import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
import store from '@/store' import store from '@/store'
import transmitBtn from '@/components/public/transmitBtn.vue' import transmitBtn from '@/components/public/transmitBtn.vue'
const props=defineProps({ const props = defineProps({
data: { data: {
type: Object, type: Object,
default: function () { default: function () {
return {} return {}
} }
}, },
operation:{ operation: {
type:Function type: Function
} }
}) })
let data=reactive({}) let data = reactive({})
let operation=props.operation let operation = props.operation
//导航数据 //导航数据
let storeData = store.state.routeList let storeData = store.state.routeList
console.log('storeData',storeData) console.log('storeData', storeData)
watchEffect(()=>{ watchEffect(() => {
data['data']=props.data data['data'] = props.data
console.log(data['data']) console.log(data['data'])
}) })
@@ -101,6 +123,47 @@ img {
justify-content: space-between; justify-content: space-between;
} }
.authentication-top {
position: absolute;
left: 0px;
top: -80px;
width: 1200px;
height: 65px;
background: -webkit-linear-gradient(166.822294925074deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
background: -moz-linear-gradient(-76.8222949250736deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
background: linear-gradient(-76.8222949250736deg, rgba(255, 214, 243, 1) -89%, rgba(128, 128, 255, 1) 53%);
border: none;
border-radius: 16px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 22px;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #FFFFFF;
.logo {
width: 20px;
height: 20px;
}
.title {
width: 81px;
height: 17px;
margin-left: 8px;
}
.type-icon{
width: 18px;
height:18px;
margin-right:8px;
}
}
.title-top-box { .title-top-box {
width: 1200px; width: 1200px;
background: inherit; background: inherit;
@@ -115,6 +178,24 @@ img {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
font-size: 14px; font-size: 14px;
transform: translateY(-38px); transform: translateY(-38px);
position: relative;
.top-round{
width:22px ;
height:22px;
background: #fff;
position: absolute;
top:-8px;
right:-1px;
.top-round-s{
position: absolute;
top:-13px;
left:-1px;
border-radius:0 0 16px 0;
background:rgba(174, 159, 251, 1);
width:23px;
height:20px;
}
}
.breadcrumb-box { .breadcrumb-box {
padding: 20px; padding: 20px;
@@ -157,7 +238,7 @@ img {
font-size: 14px; font-size: 14px;
justify-content: center; justify-content: center;
.mg-l-5{ .mg-l-5 {
margin-left: 5px; margin-left: 5px;
} }
@@ -167,13 +248,14 @@ img {
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
width:80px; width: 80px;
height:40px; height: 40px;
line-height:40px; line-height: 40px;
cursor: pointer; cursor: pointer;
.img{
width:20px; .img {
height:20px; width: 20px;
height: 20px;
} }
} }
@@ -181,7 +263,7 @@ img {
width: 1px; width: 1px;
height: 21px; height: 21px;
background: #d7d7d7; background: #d7d7d7;
margin:0 15px; margin: 0 15px;
} }
} }
} }

13
src/components/detail/imageWatch.vue
View File

@@ -5,9 +5,12 @@
<el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel"> <el-carousel arrow="never" height="600px" :autoplay="false" indicator-position="none" ref="carousel">
<el-carousel-item v-for="(item, i) in list" :key="i"> <el-carousel-item v-for="(item, i) in list" :key="i">
<div class="dis-f jus-x al-item" v-if="item"> <div class="dis-f jus-x al-item" v-if="item">
<div class="img-box dis-f jus-x"> <div class="img-box dis-f jus-x" v-if="!item.thumbnail">
<img :src="item&&item.url" class="img" alt=""> <img :src="item&&item.url" class="img" alt="">
</div> </div>
<div class="img-box dis-f jus-x" v-if="item.thumbnail">
<video :src="item&&item.url" class="img"></video>
</div>
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
@@ -21,12 +24,12 @@
<div class="dis-f jus-x al-item"> <div class="dis-f jus-x al-item">
<div class="list-img-box dis-f al-item jus-x"> <div class="list-img-box dis-f al-item jus-x">
<div v-for="(item, i) in list" :key="i"> <div v-for="(item, i) in list" :key="i">
<!-- <div class="voide" :class="{ 'select-box': imageTab === i }"> <div class="voide" :class="{ 'select-box': imageTab === i }" v-if="!item.thumbnail">
<div class="icon-box dis-f jus-x al-item"> <div class="icon-box dis-f jus-x al-item">
<img src="" class="icon" alt=""> <img :src="item.image" class="icon" alt="">
</div> </div>
</div> --> </div>
<div class="img-box-s dis-f jus-x" :class="{ 'select-box': imageTab === i }"> <div class="img-box-s dis-f jus-x" v-if="item.thumbnail" :class="{ 'select-box': imageTab === i }">
<img :src="item.thumbnail" alt="" class="img-s"> <img :src="item.thumbnail" alt="" class="img-s">
</div> </div>
</div> </div>

151
src/views/detail.vue
View File

@@ -8,6 +8,9 @@
<div class="top-bar-box dis-f jus-x" v-show="titleType"> <div class="top-bar-box dis-f jus-x" v-show="titleType">
<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"> <div class="dis-f al-item">
<img src="../assets/img/detail/authenticationHousing.png" class="authentication-housing"
v-if="housingInfo['data']&&housingInfo['data'].isintermediary" alt="">
<div class="line" v-if="housingInfo['data']&&housingInfo['data'].isintermediary"></div>
<span class="unit">HK$</span> <span class="unit">HK$</span>
<span class="rent">{{ housingInfo['data'] && housingInfo['data'].info.rent }}</span> <span class="rent">{{ housingInfo['data'] && housingInfo['data'].info.rent }}</span>
<span>/月</span> <span>/月</span>
@@ -221,7 +224,7 @@
indexData['data'] && indexData['data'] &&
indexData['data']['config'] && indexData['data']['config'] &&
indexData['data']['config']['gender'][housingInfo['data'] && indexData['data']['config']['gender'][housingInfo['data'] &&
housingInfo['data'].info.gender] housingInfo['data'].info.gender]
}} }}
</span> </span>
</div> </div>
@@ -230,31 +233,21 @@
<div class="map-box"> <div class="map-box">
<div class="dis-f al-item title-box"> <div class="dis-f al-item title-box">
<img src="../assets/img/detail/mapIcon.png" class="img" alt=""> <img src="../assets/img/detail/mapIcon.png" class="img" alt="">
<span class="title">{{ <span class="title">{{
location&&location[housingInfo['data']&&housingInfo['data']['info'].location.substring(0, 1)] location && location[housingInfo['data'] &&
housingInfo['data']['info'].location.substring(0,
1)]
}} > {{ }} > {{
location&&location[housingInfo['data']&&housingInfo['data']['info'].location] location && location[housingInfo['data'] && housingInfo['data']['info'].location]
}}</span> }}</span>
</div> </div>
<div class="dis-f jus-x" style="margin-top:15px;"> <div class="dis-f jus-x" style="margin-top:15px;">
<div class="map-s"> <div v-if="housingInfo['data']">
<div class="pop-box"> <mapInfo :latlng="{
<div class="address-box dis-f al-item jus-bet"> latitude: housingInfo['data'].info.longitude * 1,
<div class="dis-f al-item"> longitude: housingInfo['data'].info.latitude * 1
<img src="../assets/img/detail/mapMarkIcon.png" class="img" alt=""> }" :name="housingInfo['data'].info.address"></mapInfo>
<span>{{ housingInfo['data'] &&
housingInfo['data'].info.address }}</span>
</div>
<img src="../assets/img/detail/moreNot.svg" class="icon" alt="">
</div>
</div>
</div> </div>
{{ housingInfo['data']&&housingInfo['data'].info.longitude }}
{{ housingInfo['data']&&housingInfo['data'].info.latitude }}
<mapInfo :latlng="{
longitude:housingInfo['data']&&housingInfo['data'].info.longitude,
latitude:housingInfo['data']&&housingInfo['data'].info.latitude
}" :name="housingInfo['data']&&housingInfo['data'].info.address"></mapInfo>
</div> </div>
</div> </div>
<div class="dis-f jus-x" v-if="distanceList.length"> <div class="dis-f jus-x" v-if="distanceList.length">
@@ -270,15 +263,15 @@
<div class="dis-f al-item school-info" v-for="(item, index) in distanceList" <div class="dis-f al-item school-info" v-for="(item, index) in distanceList"
:key="index" :class="{ 'mg-t-50': index > 0 }"> :key="index" :class="{ 'mg-t-50': index > 0 }">
<div class="icon-box dis-f al-item jus-x" <div class="icon-box dis-f al-item jus-x"
:class="{ 'home-icon':item&&item.address }"> :class="{ 'home-icon': item && item.address }">
<div class="line" v-show="index > 0"></div> <div class="line" v-show="index > 0"></div>
<img src="../assets/img/detail/school.png" class="icon" <img src="../assets/img/detail/school.png" class="icon"
v-show="item&&item.address" alt=""> v-show="item && item.address" alt="">
<img src="../assets/img/detail/home.png" class="icon" v-show="item&&!item.address" <img src="../assets/img/detail/home.png" class="icon"
alt=""> v-show="item && !item.address" alt="">
</div> </div>
{{ item && item.name }} {{ item && item.name }}
<div v-for="(items, i) in item&&item.point" :key="i"> <div v-for="(items, i) in item && item.point" :key="i">
<span class="address-info"> <span class="address-info">
{{ items.title }} {{ items.title }}
</span> </span>
@@ -298,10 +291,10 @@
<div class="line-school-box dis-f al-item" style="justify-content:space-around;"> <div class="line-school-box dis-f al-item" style="justify-content:space-around;">
<div v-for="(item, i) in distanceList" class="box-text" :key="item && item.id"> <div v-for="(item, i) in distanceList" class="box-text" :key="item && item.id">
<div :class="{ 'far-s': item && item.recently_distance > 4 }" <div :class="{ 'far-s': item && item.recently_distance > 4 }"
v-if="item&&!item.address" class="text-c"> v-if="item && !item.address" class="text-c">
{{ item && item.recently_distance }}km {{ item && item.recently_distance }}km
</div> </div>
<div class="dis-f jus-x" v-if="item&&!item.address"> <div class="dis-f jus-x" v-if="item && !item.address">
<img src="../assets/img/detail/markIcon.svg" <img src="../assets/img/detail/markIcon.svg"
v-if="item && item.recently_distance <= 4" class="marker-icon" v-if="item && item.recently_distance <= 4" class="marker-icon"
alt=""> alt="">
@@ -310,7 +303,7 @@
alt=""> alt="">
</div> </div>
<div :class="{ 'far-s': item && item.recently_distance > 4 }" class="text-c" <div :class="{ 'far-s': item && item.recently_distance > 4 }" class="text-c"
v-if="item&&!item.address">{{ v-if="item && !item.address">{{
item && item.alias }}</div> item && item.alias }}</div>
</div> </div>
</div> </div>
@@ -488,65 +481,72 @@
<!-- 两种信息 --> <!-- 两种信息 -->
<!-- third-concat --> <!-- third-concat -->
<div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1" <div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
:class="{'third-concat':concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3}"> :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="pop-info-box dis-f jus-x al-item" <div class="pop-info-box dis-f jus-x al-item"
:class="{'third-concat':concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3}"> :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="pop-big-bg dis-f jus-x al-item" <div class="pop-big-bg dis-f jus-x al-item"
:class="{'third-concat':concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3}"> :class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
<div class="user-liner-box dis-f al-item" :class="{'jus-bet':concatData.data&&concatData.data.count>2}" > <div class="user-liner-box dis-f al-item"
:class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
<!-- class='s-w-100' --> <!-- class='s-w-100' -->
<div style="padding:0 0 30px 0;" :class="[{'s-w-100':concatData.data && concatData.data.count === 2}]"> <div style="padding:0 0 30px 0;"
:class="[{ 's-w-100': concatData.data && concatData.data.count === 2 }]">
<div class="liner-title"> <div class="liner-title">
联系方式 联系方式
</div> </div>
<div class="whatsapp-box" v-if="concatData.data && concatData.data.wechat&&concatData.data.count > 2"> <div class="whatsapp-box"
v-if="concatData.data && concatData.data.wechat && concatData.data.count > 2">
<div class="dis-f al-item"> <div class="dis-f al-item">
<img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt=""> <img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
微信 微信
</div> </div>
<div class="dis-f al-item box-text mg-l-35"> <div class="dis-f al-item box-text mg-l-35">
<div style="width:120px;"> <div style="width:120px;">
{{ concatData.data && concatData.data.wechat }} {{ concatData.data && concatData.data.wechat }}
</div> </div>
<div class="clone-btn dis-f al-item jus-x mg-l-50" @click.stop="clone(concatData.data.wechat)"> <div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.wechat)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制 复制
</div> </div>
</div> </div>
</div> </div>
<div class="whatsapp-box" v-if="concatData.data && concatData.data.whatsapp&&concatData.data.count > 2"> <div class="whatsapp-box"
v-if="concatData.data && concatData.data.whatsapp && concatData.data.count > 2">
<div class="dis-f al-item"> <div class="dis-f al-item">
<img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" alt=""> <img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" alt="">
WhatsApp WhatsApp
</div> </div>
<div class="dis-f al-item box-text mg-l-35"> <div class="dis-f al-item box-text mg-l-35">
<div style="width:120px;"> <div style="width:120px;">
{{ concatData.data && concatData.data.whatsapp }} {{ concatData.data && concatData.data.whatsapp }}
</div> </div>
<div class="clone-btn dis-f al-item jus-x mg-l-50" @click.stop="clone(concatData.data.whatsapp)"> <div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.whatsapp)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制 复制
</div> </div>
</div> </div>
</div> </div>
<div class="whatsapp-box" v-if="concatData.data && concatData.data.tel&&concatData.data.count > 2"> <div class="whatsapp-box"
v-if="concatData.data && concatData.data.tel && concatData.data.count > 2">
<div class="dis-f al-item"> <div class="dis-f al-item">
<img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt=""> <img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt="">
电话号码 电话号码
</div> </div>
<div class="dis-f al-item box-text mg-l-35"> <div class="dis-f al-item box-text mg-l-35">
<div style="width:120px;"> <div style="width:120px;">
{{ concatData.data && concatData.data.tel }} {{ concatData.data && concatData.data.tel }}
</div> </div>
<div class="clone-btn dis-f al-item jus-x mg-l-50" <div class="clone-btn dis-f al-item jus-x mg-l-50"
@click.stop="clone(concatData.data.tel)"> @click.stop="clone(concatData.data.tel)">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制 复制
</div> </div>
</div> </div>
</div> </div>
<div class="dis-f jus-x al-item whatsapp-wx-box s-w-100" <div class="dis-f jus-x al-item whatsapp-wx-box s-w-100"
v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid!==0"> v-if="concatData.data && concatData.data.count === 2 && concatData.data.wechatdata.aid !== 0">
<div> <div>
<div> <div>
<div v-if="concatData.data.whatsapp"> <div v-if="concatData.data.whatsapp">
@@ -560,10 +560,12 @@
</div> </div>
</div> </div>
<div class="text-s"> <div class="text-s">
{{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '' }} {{ concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat ||
'' }}
</div> </div>
<div class="dis-f jus-x al-item mg-t-60"> <div class="dis-f jus-x al-item mg-t-60">
<div class="clone-btn dis-f al-item jus-x" @click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')"> <div class="clone-btn dis-f al-item jus-x"
@click.stop="clone(concatData.data.whatsapp || concatData.data.tel || concatData.data.wechat || '')">
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt=""> <img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
复制 复制
</div> </div>
@@ -586,7 +588,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="concatData.data && concatData.data.count > 2&&concatData.data.wechatdata.url"> <div v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
<div class="wx-qrcode-s"> <div class="wx-qrcode-s">
<img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt=""> <img :src="concatData.data && concatData.data.wechatdata.url" class="user-img" alt="">
</div> </div>
@@ -612,26 +614,27 @@
</div> </div>
</div> </div>
</div> </div>
<img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;" alt="" <img src="../assets/img/detail/threePopBigBg.svg" class="pop-bg third-bg" style="width:700px;"
v-if="concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3"> alt=""
<img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3">
v-if="concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3" <img src="../assets/img/detail/threePopbigMap.svg" style="width:700px;"
class="map third-bg" alt=""> v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
<img src="../assets/img/detail/popBigBg.svg" class="map third-bg" alt="">
v-if="concatData.data&&concatData.data.count===3?concatData.data.wechatdata.url:concatData.data&&concatData.data.count<3" <img src="../assets/img/detail/popBigBg.svg"
class="pop-bg third-bg" alt=""> v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
<img src="../assets/img/detail/popBigBgMap.svg" class="pop-bg third-bg" alt="">
v-if="concatData.data&&concatData.data.count===3?concatData.data.wechatdata.url:concatData.data&&concatData.data.count<3" <img src="../assets/img/detail/popBigBgMap.svg"
class="map third-bg" alt=""> v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="map third-bg" alt="">
</div> </div>
</div> </div>
<img src="../assets/img/detail/bigPopBg.svg" <img src="../assets/img/detail/bigPopBg.svg"
v-if="concatData.data&&concatData.data.count===3?concatData.data.wechatdata.url:concatData.data&&concatData.data.count<3" v-if="concatData.data && concatData.data.count === 3 ? concatData.data.wechatdata.url : concatData.data && concatData.data.count < 3"
class="pop-big-bg" alt=""> class="pop-big-bg" alt="">
<img src="../assets/img/detail/threeConcatbgImg.svg" <img src="../assets/img/detail/threeConcatbgImg.svg"
v-if="concatData.data&&concatData.data.count===3?!concatData.data.wechatdata.url:concatData.data&&concatData.data.count>3" v-if="concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3"
class="third-concat" alt=""> class="third-concat" alt="">
<img src="../assets/img/detail/close.png" class="close-img" @click="showConcat=false" alt=""> <img src="../assets/img/detail/close.png" class="close-img" @click="showConcat = false" alt="">
</div> </div>
<!-- 一种信息 --> <!-- 一种信息 -->
<div class="pop" v-show="concatData.data && concatData.data.count === 1"> <div class="pop" v-show="concatData.data && concatData.data.count === 1">
@@ -682,7 +685,7 @@
<img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt=""> <img src="../assets/img/detail/popSbgMap.svg" class="pop-bg-s" alt="">
</div> </div>
</div> </div>
<img src="../assets/img/detail/close.png" @click="showConcat=false" class="close-img" alt=""> <img src="../assets/img/detail/close.png" @click="showConcat = false" class="close-img" alt="">
<img src="../assets/img/detail/popBg.svg" class="img" alt=""> <img src="../assets/img/detail/popBg.svg" class="img" alt="">
</div> </div>
</div> </div>
@@ -828,7 +831,7 @@ let setHousingArr = () => {
arr = housingInfo['data'].info.video ? arr.concat(housingInfo['data'] && housingInfo['data'].info.video) : [] arr = housingInfo['data'].info.video ? arr.concat(housingInfo['data'] && housingInfo['data'].info.video) : []
arr = housingInfo['data'].info.picturegroup ? arr.concat(housingInfo['data'] && housingInfo['data'].info.picturegroup) : [] arr = housingInfo['data'].info.picturegroup ? arr.concat(housingInfo['data'] && housingInfo['data'].info.picturegroup) : []
imgList.value = imgList.value.concat(arr) imgList.value = imgList.value.concat(arr)
imgList.value = imgList.value.concat(arr) console.log(imgList.value)
} }
let location = store.state.indexData.config && store.state.indexData.config.location let location = store.state.indexData.config && store.state.indexData.config.location
@@ -965,7 +968,7 @@ let recommendList = () => {
}).then(res => { }).then(res => {
console.log(res) console.log(res)
if (res.code === 200) { if (res.code === 200) {
if(res.data.length===0)return if (res.data.length === 0) return
if (res.data.pagevalue) { if (res.data.pagevalue) {
recommendListData.value = recommendListData.value.concat(res.data.data) recommendListData.value = recommendListData.value.concat(res.data.data)
pagevalue.value = res.data.pagevalue pagevalue.value = res.data.pagevalue
@@ -1442,6 +1445,11 @@ img {
background: #ebebeb; background: #ebebeb;
} }
.authentication-housing{
width:88px;
height:16px;
}
.top-bar { .top-bar {
width: 1200px; width: 1200px;
@@ -2264,5 +2272,6 @@ img {
} }
} }
} }
}</style> }
</style>