XiaoMo/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
Download Patch File Download Diff File Expand all files Collapse all files

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 {