uni-app项目瀑布流布局的如何实现

山水山水,有山有水才是好风光。夜色越来越浓了,村落啦,树林子啦,坑洼啦,沟渠啦,好象一下子全都掉进了神秘的沉寂里。

github地址,喜欢的可以star下哦

插件预览图

使用好代码教程

1.插件代码拷贝

下载后把components目录下waterfall.vue文件拷贝到自己项目目录下

2.插件全局配置

在项目里main.js中配置如下代码

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

Vue.component('waterfall',waterfall)

3.插件使用

vue页面使用

<template>
    <view>
        <!-- 瀑布流(display: flex) H5 IOS Android支持 -->
        <waterfall></waterfall>
    </view>
</template>

兼容性

uni-app项目中使用都兼容

以上就是uni-app项目瀑布流布局的如何实现。如果能重来,还要遇见遇见过的人,还要去经历经历过的事,我不要这世界变得多好,我只想在再次遇见的时候,能够更加珍惜。更多关于uni-app项目瀑布流布局的如何实现请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS如何使用Flex和Grid布局如何实现3D骰子

纯CSS打字动画的如何实现示例

CSS中如何使用grid布局如何实现一套模板多种布局

css3手动如何实现pc端横向滚动

css如何实现右上角飘带效果的完整代码