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