uni-app瀑布流布局

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

插件预览图

waterfall.png

使用教程

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跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...
    Neyo_凉阅读 36,393评论 0 43
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,187评论 0 1
  • 写在有道笔记上,uni项目实践,转过来格式不太好看,先做此记录吧。 看了uniapp多端开发,感觉不错,还有模板商...
    YellowPoint阅读 2,434评论 0 1
  • 天上那颗小星星 闪硕着遥望你的梦 两颗心的情意 竟有了传递的信使 仰望那颗星 黑夜里更加明亮 装不下一腔诚挚的祝福...
    草蝶阅读 370评论 2 6
  • 提问:如果想要通过爬虫程序去爬取”糗百“全站数据新闻数据的话,有几种实现方法?方法一:基于Scrapy框架中的Sp...
    Mr_Du_Biao阅读 416评论 0 0