gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

处理瀑布流加载图片后高度问题

Browse Source
This commit is contained in:
A1300399510 2024-11-12 16:36:20 +08:00
parent f076bfdfe6
commit 9887d9894f
5 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/app.80deaa71.css → dist/css/app.a63e2793.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.4cba28c5.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.80deaa71.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.d0b44312.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.a63e2793.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"

2
dist/js/app.4cba28c5.js → dist/js/app.d0b44312.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/detail.56d7229b.js → dist/js/detail.394670a6.js vendored
View File

File diff suppressed because one or more lines are too long

8
src/components/indexWaterfallBox/indexWaterfallBox.vue
View File

@ -9,7 +9,7 @@
认证中介
</div> -->
<img class="apartment-img" v-lazy="itemData.imageLocal || itemData.image" v-if="itemData.type === 'housing' || itemData.type === 'apartment'" />
<img class="apartment-img" v-lazy="itemData.imageLocal || itemData.image" @load="loadload" v-if="itemData.type === 'housing' || itemData.type === 'apartment'" />
<div class="authentication-box" v-if="(itemData && itemData.type === 'housing' && itemData && itemData.verified) || (itemData && itemData.type === 'apartment' && itemData && itemData.isintermediary)">
<img src="../../assets/homeImage/authenticationLogo.png" class="logo" alt="" />
<img src="../../assets/homeImage/authenticationBg.svg" class="authentication-bg" alt="" />
@ -73,7 +73,7 @@
</div>
</div> -->
</div>
<div class="corner-box">
<div class="corner-box" v-if="itemData.type === 'housing'">
<img src="../../assets/homeImage/corner.svg" v-if="itemData.type === 'housing' && itemData.intermediary !== 1" class="corner-img" alt="" />
<img src="../../assets/homeImage/intermediaryCorner.svg" v-if="itemData.type === 'housing' && itemData.intermediary === 1" style="transform: rotate(90deg); margin: 0 -1px 0 0;" class="tab-img" alt="" />
</div>
@ -140,6 +140,10 @@ let watchAdv = () => {
watchEffect(() => {
itemData = props.data
})
const loadload = index => {
props.listMasonryInstance.reloadItems()
props.listMasonryInstance.layout()
}
</script>
<style scoped lang="less">
.pos-r {