Waterfall flow layout components, across the multi-terminal, support wechat small program, Baidu small program, toutiao small program, Web, etc

Demo

1. git clone
2. npm i -g chameleon-tool
3. cml devCopy the code

Install

  1. Clone or download the project locally
  2. Dist folder is the target file directory, which contains the source code of Alipay applets, Baidu applets, Web, WEEX and wechat applets respectively
  3. Copy the files in the corresponding directory to import the project according to the different end (small programs need to copy components, NPM, static directory files)

Usage

  1. After the introduction of components, the usage is as follows, taking wechat applets as an example
< picture-layout init-data="{{cardList}}"> <view wx:for="{{cardList}}" slot=" picture-item -{{index}}"> // Add your picture-layout code </view> </masonry-layout>Copy the code

It needs to be laid out strictly according to this structure

  1. Attribute ** init-data ** is the data passed to the waterfall flow layout component. If there is a scroll load, pass all data at the bottom of the scroll each time

Other

The project is written by using the Chameleon framework to achieve a set of code to run multi-terminal, there is a need to see the situation can be extended on this basis

Author

👤 skinner

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator