gk-shi / v3-waterfall

a waterfall plugin for Vue 3. 一个 vue 3 的自适应瀑布流组件。

Home Page:https://gk-shi.github.io/v3-waterfall/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue3 vite waterfall-item top 问题

akgitcom opened this issue · comments

commented

"dependencies": {
"v3-waterfall": "^1.1.3",
"vue": "^3.2.45"
},

waterfall-item top属性很小 ,上下两行都叠加了
没有改动
<template> <V3waterfall class="waterfall" :list="state.list" srcKey="cover" :gap="12" :colWidth="280" :distanceToScroll="200" :isLoading="state.loading" :isOver="state.over" @scrollReachBottom="getNext"> <template v-slot:default="slotProp"> <div class="list-item"> <a :href="'https://gkshi.com/blog/' + slotProp.item.id"> <div class="cover-wrapper"> <img v-if="slotProp.item.url" :src="slotProp.item.url" class="cover"/> </div> <div class="brief"> <!-- slotProp.raw 可直接访问原始数据对象(响应式) --> <h3>{{ slotProp.item.name }}</h3> <p>{{ slotProp.item.name }}</p> </div> </a> </div> </template> </V3waterfall> </template>

commented

你好,我写的这个示例,其实就是examle/App.vue中的内容,因为我这个template是有一定的组织结构的,所以写了部分样式。我更新 vue 到你的版本后,重新跑项目的预览暂时还是无法复现问题。
你可以看看我在example/中的示例,如果你所碰到的问题还无法解决的话,欢迎提供复现问题的仓库地址或者 code sandbox 链接,找到问题后我会加以修复。😄

古德古德