search

heikaimu / vue3-waterfall-plugin

vue3 瀑布流插件，支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载
https://vue3-waterfall.netlify.app/
390 stars 29 forks source link

README.md没有写明breakpoints优先级高于width, 以及没有写breakpoints的默认值 #42

Closed Firkraag closed 10 months ago

Firkraag commented 10 months ago

使用width指定卡片的宽度一直不成功, 看了几个小时源码才知道breakpoints有未写在文档中的默认值:

breakpoints: { type: Object, default: () => ({ 1200: { rowPerView: 3 }, 800: { rowPerView: 2 }, 500: { rowPerView: 1 } }) },

并且breakpoints优先级高于width, 只是使用width指定卡片的宽度是无法生效的

heikaimu commented 10 months ago

不好意思我的问题，文档里面写的和默认的没有对应上。已修改，谢谢提醒。

Firkraag commented 10 months ago
image

这里breakpoints的默认值不明确, 最好也改一下. 以我作为用户的经验, 看到这里breakpoints和width能够设置每行卡片个数就不会再往下看了.

我提交了一个pull request #43