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

距离接口修改为GET，修改院校距离弹窗样式

Browse Source
This commit is contained in:
A1300399510
2024-04-12 17:08:48 +08:00
parent 3195e09c14
commit 6c679cf075
7 changed files with 36 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/detail.6418491a.css → dist/css/detail.40d1ef1b.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@@ -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&amp;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&amp;web_id=1281224882"></script><script>var _hmt = _hmt || []
;(function () { ;(function () {
var hm = document.createElement("script") var hm = document.createElement("script")
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746" hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"

1
dist/js/app.85fd25ae.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/app.9c6e43e4.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/js/detail.2c96b182.js → dist/js/detail.b1ad1fcd.js vendored
View File

File diff suppressed because one or more lines are too long

2
src/utils/api.js
View File

@@ -41,7 +41,7 @@ export default{
return axios.post('/tenement/pc/api/lists/publisherList',params) return axios.post('/tenement/pc/api/lists/publisherList',params)
}, },
detailsDistance:(params={})=>{//详情页 - 距离学校距离 detailsDistance:(params={})=>{//详情页 - 距离学校距离
return axios.post('/tenement/pc/api/details/distance',params) return axios.get('/tenement/pc/api/details/distance',params)
} }
} }

53
src/views/detail.vue
View File

@@ -391,25 +391,24 @@
<div class="dis-f al-item" style="position: relative;" @click="setShowDistance"> <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="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 class="box-text" v-if="specialSchoolDistance"> <div class="box-text" v-if="specialSchoolDistance" @click="selectIndex()">
<div class="distance-item-value special flexacenter"> <div class="distance-item-value special flexacenter">
<div class="mileage">{{ specialSchoolDistance.distanceText }}</div> <div class="mileage">{{ specialSchoolDistance.distanceText }}</div>
<img v-if="specialSchoolDistance.toolText == '步行'" class="tool-icon" src="@/assets/img/detail/walk-icon.png" /> <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" /> <img v-else class="tool-icon" src="@/assets/img/detail/subway-icon.png" />
<!-- subway-icon --> <div class="tool-time">{{ specialSchoolDistance?.durationText2 }}</div>
<div class="tool-time">{{ specialSchoolDistance.durationText }}</div>
</div> </div>
<div class="dis-f jus-x"> <div class="dis-f jus-x">
<img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" /> <img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" />
</div> </div>
<div class="text-c">{{ specialSchoolDistance.alias }}</div> <div class="text-c">{{ specialSchoolDistance.alias }}</div>
</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="distance-item-value flexacenter">
<div class="mileage">{{ item.distanceText }}</div> <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-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" /> <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>
<div class="dis-f jus-x"> <div class="dis-f jus-x">
<img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" /> <img src="../assets/img/detail/markIcon.svg" class="marker-icon" alt="" />
@@ -1125,7 +1124,7 @@ let checkUpdateTime = Time => {
else return Time else return Time
} }
//监听滚动条 //监听滚动条
const onPageSrcoll = e => { const onPageSrcoll = e => {
let body = document.documentElement ? document.documentElement : document.body ? document.body : document.querySelector(".element") let body = document.documentElement ? document.documentElement : document.body ? document.body : document.querySelector(".element")
let scrollTop = body.scrollTop let scrollTop = body.scrollTop
@@ -1311,7 +1310,7 @@ const distanceSchool = () => {
specialSchoolDistance.value = specialSchoolDistanceTarget specialSchoolDistance.value = specialSchoolDistanceTarget
academyPitchIndex.value = academyPitchIndexTarget 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] 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) => { const secondsToHoursMinutes = (seconds, type) => {
// 计算小时数 // 计算小时数
@@ -2653,9 +2664,7 @@ img {
} }
.show-distance-info-box { .show-distance-info-box {
border-width: 1px; border: 1px solid rgba(235, 235, 235, 1);
border-style: solid;
border-color: rgba(235, 235, 235, 1);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-webkit-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); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
@@ -2676,7 +2685,7 @@ img {
// max-height: 610px; // max-height: 610px;
transition: all 0.2s linear; transition: all 0.2s linear;
overflow: hidden; overflow: hidden;
border: 1px solid transparent;
.top-box { .top-box {
height: 70px; height: 70px;
} }
@@ -2974,7 +2983,7 @@ img {
.distance-info-left-item { .distance-info-left-item {
width: 100%; width: 100%;
height: 50px; height: 50px;
font-size: 16px; font-size: 14px;
color: #555555; color: #555555;
cursor: pointer; cursor: pointer;
&.pitch { &.pitch {
@@ -2990,25 +2999,25 @@ img {
.distance-header-box { .distance-header-box {
color: #333333; color: #333333;
font-weight: 650; font-weight: 650;
font-size: 20px; font-size: 16px;
margin-bottom: 30px; margin-bottom: 30px;
justify-content: space-between; justify-content: space-between;
.distance-header-icon { .distance-header-icon {
width: 36px; width: 30px;
height: 36px; height: 30px;
background-color: #fddf6d; background-color: #fddf6d;
border-radius: 50%; border-radius: 50%;
margin-right: 10px; margin-right: 10px;
.distance-header-img { .distance-header-img {
width: 24px; width: 20px;
height: 24px; height: 20px;
} }
} }
.distance-header-hint { .distance-header-hint {
color: #a09e9e; color: #a09e9e;
font-size: 15px; font-size: 14px;
font-weight: 400; font-weight: 400;
} }
} }
@@ -3020,7 +3029,7 @@ img {
} }
.academy-school-item-header { .academy-school-item-header {
font-size: 18px; font-size: 16px;
width: 670px; width: 670px;
height: 65px; height: 65px;
justify-content: space-between; justify-content: space-between;
@@ -3060,7 +3069,7 @@ img {
.academy-school-item-time { .academy-school-item-time {
color: #000; color: #000;
font-weight: 650; font-weight: 650;
font-size: 18px; font-size: 14px;
} }
.academy-school-item-journey { .academy-school-item-journey {
@@ -3127,7 +3136,7 @@ img {
.journey-item .journey-value { .journey-item .journey-value {
color: #333; color: #333;
font-size: 15px; font-size: 14px;
padding-right: 20px; padding-right: 20px;
} }
@@ -3159,7 +3168,7 @@ img {
.academy-school-hint { .academy-school-hint {
color: #a09e9e; color: #a09e9e;
font-size: 15px; font-size: 13px;
margin-bottom: 20px; margin-bottom: 20px;
} }
} }