Implementation of waterfall flow layout in uni app project

Time:2019-12-7

GitHub address. You can use star if you like

Plug in Preview

Using tutorials

1. Plug in code copy

After downloading, copy the waterfall.vue file under the components directory to your own project directory

2. Plug in global configuration

Configure the following code in main.js of the project


import waterfall from './components/waterfall.vue'

Vue.component('waterfall',waterfall)

3. Plug in use

Vue page usage

<template>
    <view>
        <! -- display: Flex H5 IOS Android support -- >
        <waterfall></waterfall>
    </view>
</template>

Compatibility

Compatible for use in uni app projects

The above is the whole content of this article. I hope it will help you in your study, and I hope you can support developepaer more.