一款支持多端的瀑布流布局组件,一套代码,多处运行

59,332 阅读1分钟
原文链接: github.com

Twitter: skinner

瀑布流布局组件,跨多端,支持微信小程序、百度小程序、头条小程序、web等

Demo

1. git clone
2. npm i -g chameleon-tool
3. cml dev

Install

  1. clone或者下载项目到本地
  2. dist文件夹为目标文件目录,里面分别有支付宝小程序、百度小程序、web、weex、微信小程序的源代码
  3. 根据不同端拷贝对应目录下的文件引入项目即可(小程序需要拷贝components、npm、static目录下的文件)

Usage

  1. 引入组件后,使用方式如下,以微信小程序举例
<masonry-layout init-data="{{cardList}}">
  <view wx:for="{{cardList}}" slot="masonry-item-{{index}}">
     //加入你的列表布局代码
  </view>       
</masonry-layout>

需要严格按照这个结构来布局

  1. 属性** 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