瀑布流布局组件,跨多端,支持微信小程序、百度小程序、头条小程序、web等
Demo
1. git clone
2. npm i -g chameleon-tool
3. cml dev
Install
- clone或者下载项目到本地
- dist文件夹为目标文件目录,里面分别有支付宝小程序、百度小程序、web、weex、微信小程序的源代码
- 根据不同端拷贝对应目录下的文件引入项目即可(小程序需要拷贝components、npm、static目录下的文件)
Usage
- 引入组件后,使用方式如下,以微信小程序举例
<masonry-layout init-data="{{cardList}}">
<view wx:for="{{cardList}}" slot="masonry-item-{{index}}">
//加入你的列表布局代码
</view>
</masonry-layout>
需要严格按照这个结构来布局
- 属性** init-data ** 为传递给瀑布流布局组件的数据,如果有滚动加载,每次在滚动到底部,将所有数据传入即可
Other
该项目是通过使用chameleon框架编写,来实现一套代码运行多端的,有需要的可以看情况在此基础上进行扩展
Author
👤 skinner
Show your support
Give a ⭐️ if this project helped you!
This README was generated with ❤️ by readme-md-generator