Implementation of waterfall layout in uni-app project

GitHub address, you can star it if you like it

Plugin preview

Tutorial

1. Copy the plugin code

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

2. Global configuration of plugins

Configure the following code in main.js in the project

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

Vue.component('waterfall',waterfall)

3. Use of plugins

Vue page usage

<template>
    <view>
        <!-- Waterfall flow (display: flex) H5 IOS Android support -->
        <waterfall></waterfall>
    </view>
</template>

compatibility

All uni-app projects are compatible

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.