距离接口修改为GET，修改院校距离弹窗样式
This commit is contained in:
A1300399510
parent
3195e09c14
commit
6c679cf075
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
@ -1,4 +1,4 @@
|
||||
<!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.6d96b969.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.85fd25ae.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.f5f600f1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&web_id=1281224882"></script><script>var _hmt = _hmt || []
|
||||
<!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.6d96b969.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.9c6e43e4.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.f5f600f1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&web_id=1281224882"></script><script>var _hmt = _hmt || []
|
||||
;(function () {
|
||||
var hm = document.createElement("script")
|
||||
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"
|
||||
|
||||
1
dist/js/app.85fd25ae.js
vendored
1
dist/js/app.85fd25ae.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/app.9c6e43e4.js
vendored
Normal file
1
dist/js/app.9c6e43e4.js
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -41,7 +41,7 @@ export default{
|
||||
return axios.post('/tenement/pc/api/lists/publisherList',params)
|
||||
},
|
||||
detailsDistance:(params={})=>{//详情页 - 距离学校距离
|
||||
return axios.post('/tenement/pc/api/details/distance',params)
|
||||
return axios.get('/tenement/pc/api/details/distance',params)
|
||||
}
|
||||
|
||||
}
|
||||
@ -391,25 +391,24 @@
|
||||
<div class="dis-f al-item" style="position: relative;" @click="setShowDistance">
|
||||
<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="box-text" v-if="specialSchoolDistance">
|
||||
<div class="box-text" v-if="specialSchoolDistance" @click="selectIndex()">
|
||||
<div class="distance-item-value special flexacenter">
|
||||
<div class="mileage">{{ specialSchoolDistance.distanceText }}</div>
|
||||
<img v-if="specialSchoolDistance.toolText == '步行'" class="tool-icon" src="@/assets/img/detail/walk-icon.png" />
|
||||
<img v-else class="tool-icon" src="@/assets/img/detail/subway-icon.png" />
|
||||
<!-- subway-icon -->
|
||||
<div class="tool-time">{{ specialSchoolDistance.durationText }}</div>
|
||||
<div class="tool-time">{{ specialSchoolDistance?.durationText2 }}</div>
|
||||
</div>
|
||||
<div class="dis-f jus-x">
|
||||
<img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" />
|
||||
</div>
|
||||
<div class="text-c">{{ specialSchoolDistance.alias }}</div>
|
||||
</div>
|
||||
<div v-for="(item, i) in annexSchoolOmit" class="box-text" :key="i">
|
||||
<div v-for="(item, i) in annexSchoolOmit" class="box-text" :key="i" @click="selectIndex(item.id)">
|
||||
<div class="distance-item-value flexacenter">
|
||||
<div class="mileage">{{ item.distanceText }}</div>
|
||||
<img v-if="!item.list[0].publictransport" class="tool-icon" src="@/assets/img/detail/walk-icon.png" />
|
||||
<img v-else class="tool-icon" src="@/assets/img/detail/subway-icon.png" />
|
||||
<div class="tool-time">{{ item.list[0]?.publictransport?.durationText }}</div>
|
||||
<div class="tool-time">{{ item.list[0]?.publictransport?.durationText2 || item.list[0]?.durationText2 }}</div>
|
||||
</div>
|
||||
<div class="dis-f jus-x">
|
||||
<img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" />
|
||||
@ -1125,7 +1124,7 @@ let checkUpdateTime = Time => {
|
||||
else return Time
|
||||
}
|
||||
|
||||
//监听滚动条
|
||||
//监听滚动条
|
||||
const onPageSrcoll = e => {
|
||||
let body = document.documentElement ? document.documentElement : document.body ? document.body : document.querySelector(".element")
|
||||
let scrollTop = body.scrollTop
|
||||
@ -1311,7 +1310,7 @@ const distanceSchool = () => {
|
||||
specialSchoolDistance.value = specialSchoolDistanceTarget
|
||||
academyPitchIndex.value = academyPitchIndexTarget
|
||||
|
||||
console.log("annexSchoolOmit",annexSchoolOmit);
|
||||
console.log("annexSchoolOmit", annexSchoolOmit.value)
|
||||
})
|
||||
}
|
||||
|
||||
@ -1327,6 +1326,18 @@ const selectAcademyIndex = index => {
|
||||
targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
|
||||
}
|
||||
|
||||
// 选择附近学校距离的学校下标
|
||||
const selectIndex = id => {
|
||||
if (!id) id = pitchSchool
|
||||
const data = annexSchoolOmit.value || []
|
||||
data.forEach((element, index) => {
|
||||
if (element.id == id) {
|
||||
academyPitchIndex.value = index || 0
|
||||
targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 转换 秒数
|
||||
const secondsToHoursMinutes = (seconds, type) => {
|
||||
// 计算小时数
|
||||
@ -2653,9 +2664,7 @@ img {
|
||||
}
|
||||
|
||||
.show-distance-info-box {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(235, 235, 235, 1);
|
||||
border: 1px solid 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);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
|
||||
@ -2676,7 +2685,7 @@ img {
|
||||
// max-height: 610px;
|
||||
transition: all 0.2s linear;
|
||||
overflow: hidden;
|
||||
|
||||
border: 1px solid transparent;
|
||||
.top-box {
|
||||
height: 70px;
|
||||
}
|
||||
@ -2974,7 +2983,7 @@ img {
|
||||
.distance-info-left-item {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
color: #555555;
|
||||
cursor: pointer;
|
||||
&.pitch {
|
||||
@ -2990,25 +2999,25 @@ img {
|
||||
.distance-header-box {
|
||||
color: #333333;
|
||||
font-weight: 650;
|
||||
font-size: 20px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
justify-content: space-between;
|
||||
.distance-header-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: #fddf6d;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
|
||||
.distance-header-img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.distance-header-hint {
|
||||
color: #a09e9e;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
@ -3020,7 +3029,7 @@ img {
|
||||
}
|
||||
|
||||
.academy-school-item-header {
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
width: 670px;
|
||||
height: 65px;
|
||||
justify-content: space-between;
|
||||
@ -3060,7 +3069,7 @@ img {
|
||||
.academy-school-item-time {
|
||||
color: #000;
|
||||
font-weight: 650;
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.academy-school-item-journey {
|
||||
@ -3127,7 +3136,7 @@ img {
|
||||
|
||||
.journey-item .journey-value {
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
@ -3159,7 +3168,7 @@ img {
|
||||
|
||||
.academy-school-hint {
|
||||
color: #a09e9e;
|
||||
font-size: 15px;
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user