再更新样式
This commit is contained in:
A1300399510
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.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 || []
|
<!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.ffc53c9a.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 () {
|
;(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"
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
1
dist/js/detail.22ba5796.js
vendored
Normal file
1
dist/js/detail.22ba5796.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/detail.b1ad1fcd.js
vendored
1
dist/js/detail.b1ad1fcd.js
vendored
File diff suppressed because one or more lines are too long
@@ -311,82 +311,9 @@
|
|||||||
|
|
||||||
<div class="dis-f jus-x pos-r" v-if="distanceList[0] && distanceList[0].name && pageType != 3 && distanceList.length > 1">
|
<div class="dis-f jus-x pos-r" v-if="distanceList[0] && distanceList[0].name && pageType != 3 && distanceList.length > 1">
|
||||||
<!-- <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="distance-info-box pos-r" :class="{ 'show-distance-info-box': showDistance }" :style="{ 'height': showDistance ? `${70 + 42 + 82 * distanceList.length - 1}px` : '0px' }"> -->
|
||||||
<div class="distance-info-box pos-r" :class="{ 'show-distance-info-box': showDistance }" :style="{ height: showDistance ? `${50 * annexSchoolList.length + 70}px` : '0px' }">
|
|
||||||
<div class="title-box dis-f al-item jus-x">
|
|
||||||
房源
|
|
||||||
<img class="distance-arrow" src="@/assets/img/detail/arrow-circle-blue.svg" />
|
|
||||||
院校
|
|
||||||
<img src="../assets/img/detail/close.png" class="close-icon" @click="showDistance = false" alt="" />
|
|
||||||
</div>
|
|
||||||
<div class="distance-info-data dis-f">
|
|
||||||
<div class="distance-info-left">
|
|
||||||
<div class="distance-info-left-item flexcenter" :class="{ 'pitch': index == academyPitchIndex }" v-for="(item, index) in annexSchoolList" :key="index" @click="selectAcademyIndex(index)">{{ item.alias }}</div>
|
|
||||||
</div>
|
|
||||||
<el-scrollbar v-if="distanceList.length > 0" :style="{ height: 50 * annexSchoolList.length + 'px' }">
|
|
||||||
<div class="distance-info-right flex1">
|
|
||||||
<div class="distance-header-box flexacenter">
|
|
||||||
<div class="flexacenter">
|
|
||||||
<div class="distance-header-icon flexcenter">
|
|
||||||
<img src="@/assets/img/detail/home.png" alt="" class="distance-header-img" />
|
|
||||||
</div>
|
|
||||||
{{ targetAcademyPitch.school }}
|
|
||||||
</div>
|
|
||||||
<div class="distance-header-hint">
|
|
||||||
本数据来自高德地图，仅供参考。
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="academy-school-item" v-for="(item, index) in targetAcademyPitch.list" :key="index">
|
<el-popover :width="814" trigger="click" popper-style="padding: 0" :show-arrow="false" v-model:visible="showDistance">
|
||||||
<div class="academy-school-item-header flexacenter">
|
<template #reference>
|
||||||
<div class="academy-school-item-left flexacenter">
|
|
||||||
<div class="academy-school-item-name">{{ item.title }}</div>
|
|
||||||
<div class="academy-school-item-number">{{ item.distanceText || "1km" }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="academy-school-item-right flexacenter">
|
|
||||||
<img v-if="item.publictransport" class="academy-school-item-icon" src="@/assets/img/detail/subway-icon.png" mode="widthFix" />
|
|
||||||
<img v-else class="academy-school-item-icon" src="@/assets/img/detail/walk-icon.png" mode="widthFix" />
|
|
||||||
<div class="academy-school-item-time">{{ item?.publictransport?.durationText || item.durationText || "1分钟" }}</div>
|
|
||||||
</div>
|
|
||||||
<img class="arrow-green" mode="widthFix" src="@/assets/img/detail/arrow-green.svg" />
|
|
||||||
</div>
|
|
||||||
<div class="academy-school-item-journey" v-if="item.publictransport">
|
|
||||||
<div class="journey-item flexacenter" v-for="(item, index) in item.publictransport.segments" :key="index">
|
|
||||||
<div class="circle"></div>
|
|
||||||
<!-- 步行 骑行 -->
|
|
||||||
<div v-if="item.type == 'walking'" class="journey-value flex1">步行{{ item.distanceText }}</div>
|
|
||||||
<!-- 地铁 -->
|
|
||||||
<div v-else-if="item.type == 'bus' && item.bustype == '地铁线路'" class="journey-value flex1 subway flexacenter">
|
|
||||||
<div class="subway-name flexcenter">{{ item.name }}</div>
|
|
||||||
<div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
|
|
||||||
</div>
|
|
||||||
<!-- 公交 -->
|
|
||||||
<div v-else-if="item.type == 'bus' && item.bustype == '普通公交线路'" class="journey-value flex1 bus flexacenter">
|
|
||||||
<div class="bus-name flexcenter">{{ item.name }}</div>
|
|
||||||
<div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-scrollbar>
|
|
||||||
|
|
||||||
<!-- <div class="dis-f al-item school-info" v-for="(item, index) in distanceList" :key="index" :class="{ 'mg-t-50': index > 0 }">
|
|
||||||
<div class="icon-box dis-f al-item jus-x" :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="" />
|
|
||||||
</div>
|
|
||||||
<div :style="{ 'width': index > 0 ? '200px' : '500px' }">{{ item && item.name }}</div>
|
|
||||||
<div class="dis-f" style="flex-wrap: wrap; width: 480px;" v-if="index != 0">
|
|
||||||
<div v-for="(items, i) in item && item.point" :key="i">
|
|
||||||
<span class="address-info">{{ items.title }}</span>
|
|
||||||
<span v-html="setDistanceList(items && `${items.distance}`)"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<!-- </el-scrollbar> -->
|
|
||||||
</div>
|
|
||||||
<div class="distance-box dis-f jus-bet">
|
<div class="distance-box dis-f jus-bet">
|
||||||
<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;">
|
||||||
@@ -427,6 +354,67 @@
|
|||||||
<img src="../assets/img/detail/infoBtnBg.svg" class="info-btn-bg" alt="" />
|
<img src="../assets/img/detail/infoBtnBg.svg" class="info-btn-bg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
|
<!-- <div class="distance-info-box pos-r" :class="{ 'show-distance-info-box': showDistance }" :style="{ height: showDistance ? `${50 * annexSchoolList.length + 70}px` : '0px' }"> -->
|
||||||
|
<div class="distance-info-box pos-r" :style="{ height: `${50 * annexSchoolList.length + 70}px` }">
|
||||||
|
<div class="title-box dis-f al-item jus-x">
|
||||||
|
房源
|
||||||
|
<img class="distance-arrow" src="@/assets/img/detail/arrow-circle-blue.svg" />
|
||||||
|
院校
|
||||||
|
<img src="../assets/img/detail/close.png" class="close-icon" @click="showDistance = false" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="distance-info-data dis-f">
|
||||||
|
<div class="distance-info-left">
|
||||||
|
<div class="distance-info-left-item flexcenter" :class="{ 'pitch': index == academyPitchIndex }" v-for="(item, index) in annexSchoolList" :key="index" @click="selectAcademyIndex(index)">{{ item.alias }}</div>
|
||||||
|
</div>
|
||||||
|
<el-scrollbar v-if="distanceList.length > 0" :style="{ height: 50 * annexSchoolList.length + 'px' }">
|
||||||
|
<div class="distance-info-right flex1">
|
||||||
|
<div class="distance-header-box flexacenter">
|
||||||
|
<div class="flexacenter">
|
||||||
|
<div class="distance-header-icon flexcenter">
|
||||||
|
<img src="@/assets/img/detail/home.png" alt="" class="distance-header-img" />
|
||||||
|
</div>
|
||||||
|
{{ targetAcademyPitch.school }}
|
||||||
|
</div>
|
||||||
|
<div class="distance-header-hint">本数据来自高德地图，仅供参考。</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="academy-school-item" v-for="(item, index) in targetAcademyPitch.list" :key="index">
|
||||||
|
<div class="academy-school-item-header flexacenter">
|
||||||
|
<div class="academy-school-item-left flexacenter">
|
||||||
|
<div class="academy-school-item-name">{{ item.title }}</div>
|
||||||
|
<div class="academy-school-item-number">{{ item.distanceText || "1km" }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="academy-school-item-right flexacenter">
|
||||||
|
<img v-if="item.publictransport" class="academy-school-item-icon" src="@/assets/img/detail/subway-icon.png" mode="widthFix" />
|
||||||
|
<img v-else class="academy-school-item-icon" src="@/assets/img/detail/walk-icon.png" mode="widthFix" />
|
||||||
|
<div class="academy-school-item-time">{{ item?.publictransport?.durationText || item.durationText || "1分钟" }}</div>
|
||||||
|
</div>
|
||||||
|
<img class="arrow-green" mode="widthFix" src="@/assets/img/detail/arrow-green.svg" />
|
||||||
|
</div>
|
||||||
|
<div class="academy-school-item-journey" v-if="item.publictransport">
|
||||||
|
<div class="journey-item flexacenter" v-for="(item, index) in item.publictransport.segments" :key="index">
|
||||||
|
<div class="circle"></div>
|
||||||
|
<!-- 步行 骑行 -->
|
||||||
|
<div v-if="item.type == 'walking'" class="journey-value flex1">步行{{ item.distanceText }}</div>
|
||||||
|
<!-- 地铁 -->
|
||||||
|
<div v-else-if="item.type == 'bus' && item.bustype == '地铁线路'" class="journey-value flex1 subway flexacenter">
|
||||||
|
<div class="subway-name flexcenter">{{ item.name }}</div>
|
||||||
|
<div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
|
||||||
|
</div>
|
||||||
|
<!-- 公交 -->
|
||||||
|
<div v-else-if="item.type == 'bus' && item.bustype == '普通公交线路'" class="journey-value flex1 bus flexacenter">
|
||||||
|
<div class="bus-name flexcenter">{{ item.name }}</div>
|
||||||
|
<div class="flex1" style="white-space: nowrap;">{{ item.via_num }}站·{{ item.durationText }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
<div class="map-box">
|
<div class="map-box">
|
||||||
<div class="dis-f al-item title-box">
|
<div class="dis-f al-item title-box">
|
||||||
@@ -912,7 +900,8 @@ let setDistanceList = (text = "") => {
|
|||||||
let showDistance = ref(false)
|
let showDistance = ref(false)
|
||||||
//学校地址详情
|
//学校地址详情
|
||||||
let setShowDistance = () => {
|
let setShowDistance = () => {
|
||||||
showDistance.value = !showDistance.value
|
// showDistance.value = !showDistance.value
|
||||||
|
// showDistance.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
let titleType = ref(false)
|
let titleType = ref(false)
|
||||||
@@ -1336,6 +1325,8 @@ const selectIndex = id => {
|
|||||||
targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
|
targetAcademyPitch.value = annexSchoolList.value[academyPitchIndex.value]
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// showDistance.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
// 转换 秒数
|
// 转换 秒数
|
||||||
@@ -2668,7 +2659,7 @@ img {
|
|||||||
-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);
|
||||||
transition: all 0.2s linear;
|
// transition: all 0.2s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.distance-info-box {
|
.distance-info-box {
|
||||||
@@ -2966,11 +2957,25 @@ img {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
||||||
|
height: 70px;
|
||||||
|
border-bottom: 1px solid #ebebeb;
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
|
||||||
.distance-arrow {
|
.distance-arrow {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
margin: 0 28px;
|
margin: 0 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.close-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.distance-info-data {
|
.distance-info-data {
|
||||||
@@ -3017,7 +3022,7 @@ img {
|
|||||||
|
|
||||||
.distance-header-hint {
|
.distance-header-hint {
|
||||||
color: #a09e9e;
|
color: #a09e9e;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -3061,8 +3066,8 @@ img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.academy-school-item-icon {
|
.academy-school-item-icon {
|
||||||
width: 20px;
|
width: 16px;
|
||||||
height: 20px;
|
height: 16px;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3136,7 +3141,7 @@ img {
|
|||||||
|
|
||||||
.journey-item .journey-value {
|
.journey-item .journey-value {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user