瀑布流组件vue-waterfall
发表于|更新于
|浏览量:
坦白直率的言语，最容易打动悲哀的耳朵——莎士比亚
分享一个vue瀑布流组件
git地址：https://github.com/MopTym/vue-waterfall.git
竖向排列demo：http://app.moptym.com/vue-waterfall/demo/vertical-line.html
横向排列：http://app.moptym.com/vue-waterfall/demo/horizontal-line.html
竖向+变大：http://app.moptym.com/vue-waterfall/demo/vertical-line-with-grow.html
相关推荐
2025-08-20
papermark
常制不可以待变化,一涂不可以应万方,刻船不以索遗剑。一一东晋·葛洪《抱朴子》 https://github.com/mfts/papermark Papermark：开源 DocSend 替代方案，智能文档分享新体验在数字化办公和远程协作日益普及的今天，文档安全分享与跟踪成为企业和个人不可或缺的需求。你是否曾因为发送合同、方案、报告时无法精准掌控访问和分析而苦恼？你是否希望拥有一款既能自定义品牌，又能实时统计文档访问的数据房间工具？如果你的答案是肯定的，那么你一定要试试 Papermark —— 一个正在快速崛起的开源 DocSend 替代项目！ 一、项目简介Papermark 是一款完全开源的文档分享与跟踪平台，被誉为“开源版 DocSend”。它支持个性化品牌、定制域名、内置访问分析，并允许开发者和企业自部署、自定义，保障数据安全和可控性。 项目主页：https://papermark.com GitHub地址：https://github.com/mfts/papermark 项目定位：开源、安全、可自托管、可扩展的数据房间/文档分享平台 最新 Star 数...
2022-02-16
react快速上手
一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底 今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程 通过简单的介绍后，我们开始代码编写 打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写 注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏 看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...
2022-11-15
ERROR Plugin load failed: hexo-generator-json-content
天道之数，至则反，盛则衰。人心之变，有余则骄，骄则缓怠。——管子 发现博客里hexo命令突然用不了了(我重新cnpm i了一下导致的) 报错如下： 既然报错这个模块，我们进去看看 然后发现了端倪，这里用到的hexo-util选择的最新版，且下面根本没有dist目录，但是之前还是好的，并且我此处出现两个hexo-util版本。。。 看了下源码地址，原来四天前发版了 解决办法： 进入报错的hexo目录 12345cd D:\file\blog\blog\node_modules\hexo-generator-json-content# 卸载新版本npm uni hexo-util# 安装 2.7版本npm i hexo-util@2.7 再返回到我们博客目录 成功执行hexo命令
2021-08-18
回车提交表单
却是平流无石处，时时闻说有沉沦。——唐•杜荀鹤 我们在页面开发中经常会写一些表单，但身为一个懒人，肯定是懒得点提交按钮的，我一般直接按回车提交 当我们的form满足只有一个input的时候，回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候，回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input，让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉，使用样式display:hide隐藏即可 但有时如果我们如果需要回车不提交表单，则可以避免上述条件 如果想要不执行submit事件，可以直接在form上加一个onsubmit="return false&q...
2022-01-10
oss视频截封面
所谓世人，不就是你吗？——太宰治《人间失格》 今天上传视频后发现没有上传封面… 后来发现阿里云oss支持直接截取封面 文档地址： https://help.aliyun.com/document_detail/64555.html 也就是说，如果之前的视频URL为： 1/img/oss/picGo/rabbit.mp4 那么我们加上参数 1/img/oss/picGo/rabbit.mp4?x-oss-process=video/snapshot,t_10000,f_jpg 就会变成一张图片 参数说明操作分类：video 操作名称：snapshot 参数 描述 取值范围 t 指定截图时间。 [0,视频时长]单位：ms w 指定截图宽度，如果指定为0，则自动计算。 [0,视频宽度]单位：像素（px） h 指定截图高度，如果指定为0，则自动计算；如果w和h都为0，则输出为原视频宽高。 [0,视频高度]单位：像素（px） m 指定截图模式，不指定则为默认模式，根据时间精确截图。如果指定为fast，则截取该时间点之前的最近的一个关键帧。 枚举值：fa...
2025-10-21
immich
运筹帷幄之中，决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich：高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代，照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升，越来越多的人开始厌倦“云厂商锁定”，渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich，正是当前全球最火爆的自托管多媒体管理新秀，它不仅是“Google Photos 的开源替代”，更是极客与家庭用户的首选新宠。 一、项目简介 项目地址：immich-app/immich 官网：https://immich.app 一句话描述：High performance self-hosted photo and video management solution. 主语言：TypeScript（前后端均现代技术栈） Star：81,736+ Forks：4,296+ License：AGPL-3.0 标签：self-hosted photo-gallery ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog