本文介绍了如何使用vue-waterfall2插件在前端实现瀑布流布局，展示了多个包含图片、用户信息和点赞数的示例卡片，适用于商品展示或内容流场景。
“https://image.watsons.com.cn//upload/fcd68df4.jpg?w=1080&h=1080&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “最近浴室新宠，日系神仙好物了解一下～”,
user: “迷人的小妖精迷人的小妖精”,
like: “953”,
},
{
img:
“https://image.watsons.com.cn//upload/bef41e67.JPG?w=712&h=534&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “夏天用这款姨妈巾，让你体验真正的清爽”,
user: “迷人的小妖精迷人的小妖精”,
like: “953”,
},
{
img:
“https://image.watsons.com.cn//upload/25ab20fe.JPG?w=1000&h=1200&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “150元搞定全套护肤品，这些护肤好物必须交出来！”,
user: “迷人的小妖精迷人的小妖精123”,
like: “953”,
},
{
img:
“https://ci.xiaohongshu.com/eb971d00-05ab-5b2a-ba03-52d8f544c42b?imageView2/2/w/400/q/50/format/jpg”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “最近浴室新宠，日系神仙好物了解一下～”,
user: “迷人的小妖精迷人的小妖精”,
like: “953”,
},
{
img:
“https://image.watsons.com.cn//upload/4a3c1788.jpg?w=823&h=1000&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “夏天用这款姨妈巾，让你体验真正的清爽”,
user: “迷人的小妖精迷人的小妖精”,
like: “953”,
},
{
img:
“https://image.watsons.com.cn//upload/0a89e6b7.jpg?w=1080&h=1920&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg”,
title: “千万不要去乱尝试贵妇级好用的水乳有哪些呢？千万不要去乱尝试”,
user: “迷人的小妖精迷人的小妖精”,
like: “953”,
},
{
img:
“https://image.watsons.com.cn//upload/99253111.jpg?w=1080&h=1920&x-oss-process=image/resize,w_1080”,
avatar:
“https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h
最低0.47元/天 解锁文章
896
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
