修改详情瀑布流 改为4列
This commit is contained in:
A1300399510
parent
6d8e7d9dd2
commit
d3c9439871
1
dist/css/app.67334b08.css
vendored
Normal file
1
dist/css/app.67334b08.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/app.c66b847f.css
vendored
1
dist/css/app.c66b847f.css
vendored
File diff suppressed because one or more lines are too long
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.1574bd6a.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.c66b847f.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>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.ff38af90.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.67334b08.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>var _hmt = _hmt || []
|
||||
;(function () {
|
||||
var hm = document.createElement("script")
|
||||
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"
|
||||
|
||||
1
dist/js/app.1574bd6a.js
vendored
1
dist/js/app.1574bd6a.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/app.ff38af90.js
vendored
Normal file
1
dist/js/app.ff38af90.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/detail.94dadd38.js
vendored
1
dist/js/detail.94dadd38.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/detail.ba68c0f0.js
vendored
Normal file
1
dist/js/detail.ba68c0f0.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="item" v-if="itemData.type !== 'adv'" :class="{ 'waterfall-box-housing': itemData.type === 'housing' }" @click="watchInfo">
|
||||
<div class="item" v-if="itemData.type !== 'adv'" :class="{ 'waterfall-box-housing': itemData.type === 'housing', 'isdetail': isdetail }" @click="watchInfo">
|
||||
<div class="flexflex pos-r">
|
||||
<img class="intermediary-type" v-if="itemData.isintermediary" src="@/assets/homeImage/intermediaryTabImg.png" />
|
||||
<div class="box-tab-type" v-else-if="itemData.intermediarytext">
|
||||
@ -105,6 +105,9 @@ const props = defineProps({
|
||||
listMasonryInstance: {
|
||||
type: Object,
|
||||
},
|
||||
isdetail: {
|
||||
type: Boolean,
|
||||
},
|
||||
})
|
||||
|
||||
const imgload = () => {
|
||||
@ -429,6 +432,7 @@ const loadload = index => {
|
||||
.apartment-top {
|
||||
border-radius: 0;
|
||||
height: 38px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.apartment-text {
|
||||
@ -483,4 +487,13 @@ const loadload = index => {
|
||||
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.isdetail {
|
||||
&.item {
|
||||
width: 211.5px;
|
||||
.apartment-img {
|
||||
width: 201.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -561,8 +561,8 @@
|
||||
<div class="dis-f jus-x al-item" style="position: relative;" v-if="pageType != 3">
|
||||
<div>
|
||||
<div class="body-maxWidth" v-show="recommendListData.length > 0">
|
||||
<div ref="gridContainer" style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px;">
|
||||
<indexWaterfallBox v-for="items in recommendListData" :data="items" :key="items.id"> </indexWaterfallBox>
|
||||
<div class="gridContainer" ref="gridContainer" style="margin-top: 15px; display: flex; flex-wrap: wrap; margin-bottom: 50px; width: 876px;">
|
||||
<indexWaterfallBox v-for="items in recommendListData" :data="items" :key="items.id" :listMasonryInstance="masonryInstance" :isdetail="true"> </indexWaterfallBox>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-maxWidth" v-if="publisherList.length > 0">
|
||||
@ -836,8 +836,7 @@ let scrollWidth = ref(null)
|
||||
let scrollMove = false
|
||||
//点击方向按钮
|
||||
let moveImageList = type => {
|
||||
|
||||
console.log("type",type,imgListTab.value,imageLIstLeft);
|
||||
console.log("type", type, imgListTab.value, imageLIstLeft)
|
||||
if (type === "right" && imgScrollBottom()) return
|
||||
if ((type === "left" && imgListTab.value === 0) || (imgListTab.value === imageLIstLeft.value.length - 1 && type === "right")) return
|
||||
type === "left" ? imgListTab.value-- : imgListTab.value++
|
||||
@ -1226,6 +1225,8 @@ watch(route, () => {
|
||||
distanceSchool()
|
||||
})
|
||||
|
||||
// const gridContainer = ref(null)
|
||||
|
||||
onMounted(() => {
|
||||
let { id } = router.currentRoute.value.query
|
||||
uniqid.value = id
|
||||
@ -1240,6 +1241,11 @@ onMounted(() => {
|
||||
window.addEventListener("scroll", onPageSrcoll)
|
||||
document.body.scrollTop = 0
|
||||
}
|
||||
|
||||
// listMasonryInstance = new Masonry(gridContainer.value, {
|
||||
// itemSelector: ".item",
|
||||
// gutter: 20,
|
||||
// })
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
@ -1318,8 +1324,6 @@ const selectAcademyIndex = index => {
|
||||
elscrollbarRef.value.setScrollTop(0)
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 选择附近学校距离的学校下标
|
||||
const selectIndex = id => {
|
||||
if (!id) id = pitchSchool
|
||||
@ -1333,6 +1337,8 @@ const selectIndex = id => {
|
||||
|
||||
// showDistance.value = true
|
||||
}
|
||||
|
||||
let listMasonryInstance = null
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
img {
|
||||
@ -3162,4 +3168,5 @@ img {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user