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其它相关文章!