# waterfall-layout
微信小程序瀑布流组件
## 用法
**第一步**：下载`waterfall-layout`组件源码到项目目录下；
**第二步**：在json文件中引入`waterfall-layout`组件；
```javascript
{
"navigationBarTitleText": "瀑布流组件",
"usingComponents": {
"waterfall": "../../components/waterfall-layout/waterfall",
"waterfall-item": "../../components/waterfall-layout/waterfall-item"
}
}
```
**第三步**：在`wxml`文件中使用；
```html
<waterfall
custom-class="waterfall-box"
loading="{{updateLoading}}"
isAllLoaded="{{isAllLoaded}}"
>
<waterfall-item
custom-class="product-item-box"
wx:for="{{products}}"
wx:key="index"
>
<view>
业务代码
</view>
</waterfall-item>
</waterfall>
```
微信小程序瀑布流组件.zip
需积分: 1 26 浏览量
2024-01-09
23:01:59
上传
评论
收藏 21KB ZIP 举报
微信小程序瀑布流组件.zip （31个子文件） 
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv 
LICENSE 1KB wx_watefall sitemap.json 191B pages index index.wxml 512B index.js 1KB index.json 27B index.wxss 268B waterfall-layout mock.js 29KB index.wxml 670B api.js 672B index.js 2KB index.json 214B index.wxss 478B logs logs.json 77B logs.js 261B logs.wxml 173B logs.wxss 106B app.json 331B project.config.json 1KB app.js 1KB utils util.js 472B app.wxss 194B components waterfall-layout waterfall.js 4KB waterfall-item.js 1KB waterfall.wxml 560B waterfall-item.wxml 154B waterfall.wxss 3KB waterfall-item.wxss 183B waterfall-item.json 48B query-node.js 1KB waterfall.json 48B README.md 779B资源评论
