微信小程序如何实现卡片式动态流布局？

本文共计514个文字，预计阅读时间需要3分钟。

当设计商品展示区域时，想采用卡片流布局，无限向下加载商品，类似淘宝首页的推荐效果。以下是我的方案：

1. 将页面分为两列，左列和右列，分别填充商品卡片。

当做商品展示区时想采用的卡片流布局，无限的向下加载商品，类似淘宝首页的推荐效果图如下那么如何实现以上的效果这是我的方案：1.将页面分成两列，左列和右列，分别填充商品卡片，

当做商品展示区时想采用的卡片流布局，无限的向下加载商品，类似淘宝首页的推荐

效果图如下

 

那么如何实现以上的效果

这是我的方案：

1. 将页面分成两列，左列和右列，分别填充商品卡片，这样列与列不会相互干扰了

这时由于商品的图片长度不一，造成错位的效果。