瀑布流组件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
相关推荐
2022-08-07
拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2024-06-23
apache-website-template
真正的人生，只有在经过艰难卓绝的斗争之后才能实现。——塞涅卡 这个项目 https://github.com/apache/apache-website-template 包含文档和模板，可帮助您的项目构建遵循所有必需的 Apache 网站政策的网站 Apache Website TemplateThis project contains documents and templates to help your project build a website that follows all the required Apache Website Policies. Docusaurus-based template Jekyll-based template Pelican-based template For policies and infrastructure: Managing your project website Release download pages for projects Privacy policy for project website...
2025-08-06
awesome-phonenumber
天下之事不难于立法，而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”！深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中，处理和验证电话号码是常见但却容易“踩坑”的细节：格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼？现在，有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber！ 什么是 @grantila/awesome-phonenumber？它是一个基于 Google libphonenumber 的预编译版本，专为 Node.js 和前端环境设计，拥有更简洁的接口、极小的体积、无依赖，并且支持 TypeScript。简而言之，它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库！ 主要特色 超小体积，无依赖：极大节省你的项目空间，运行速度快，加载迅速。 API简洁易用：新版 API 更加清晰，无需复杂构造或函数调用，错误处理也更友好（不抛异常）。 TypeScript ...
2022-01-17
小程序v-for中slot警告
她把左手的命运交给了右手，右手犹豫了一下，还是接住了。——宫白云 今天用了这样一个组件： 1234567891011121314151617181920212223<template> <div> <div v-for="(item, index) in list"> <slot :item="item" /> </div> </div></template><script>export default { data() { return {}; }, props: { list: { type: Array, default: [] } }};</script><style></style> 这里在v-for中放了slot 所以我在另一个页面使用的时候，小程序警告 1VM1103 W...
2021-04-29
不要再问我前端如何让字符串转成Date了
生活就像一盒巧克力，你永远不知道你会得到什么。——《阿甘正传》 那天有朋友问我yyyy-MM-dd'T'HH:mm:ss.SSSZ怎么转成yyyy-MM-dd HH:mm:ss，我就给他了我这篇博客 结果他说看完还是不会。。。 那我今天再讲一次吧 首先，我们拿到一个字符串2018-05-23T16:05:52+08:00 很多程序员看到了就不知道如何下手了 我们理清思路： 1.将字符串转换成js中的Date对象 2.调用Date对象中的函数转换为我们想要的格式 我们首先调用Date的构造方法 1234var a = "2018-05-23T16:05:52+08:00"console.log(a)var date = new Date(a);console.log(date) 可以看到我们的date确实转成功了 当然，除了这种格式的日期字符串 还可以支持很多格式 以及我们的时间戳 如果这些格式都不能满足你 还有一招：按照 1new Date(年,月,日,时,分,秒,毫秒) 的格式去转换，注意月这里需要减一 同上，也支持省略写法 ...
2026-01-16
web-check
盲人无白天，醉鬼无时间。——朝鲜 Web-Check：把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态，像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息，手动东查西找不仅费时，还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。 项目描述很直接：All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具，也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL，它会从多个维度把相关数据拉齐，生成一份可以阅读、可以操作的综合报告。 项目主页：web-check.xyz 在线演示：web-check.as93.net 源码仓库：GitHub-Lissy93/web-check 镜像仓库：Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务，围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明： IP 信息查询域名对应的 IP，为后续探测提供基础。常用于绘制目...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog