瀑布流组件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
相关推荐
2024-11-29
shenyu同时支持自定义rulehandler+pluginhandler
月缺不改光，剑折不改刚。——梅尧臣 https://github.com/apache/shenyu-dashboard/pull/511 主要是写了一个公共组件 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859/* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with * this work for additional information regarding copyright ownership. * The ASF licenses this file to You under the Apache License, Version 2.0 * (the "...
2024-07-22
Apache-ShenYu支持namespace功能
健康的身体是灵魂的客厅，病弱的身体是灵魂的监狱。——培根 我主要完成前端部分对接，pr如下： https://github.com/apache/shenyu-dashboard/pull/462 这里主要是结合redux-saga完成需求，例如modal/global.js shenyu-dashboard/src/models/global.js at 624a2afe74367b5c5a310627197d3622a8c896a4 · apache/shenyu-dashboard · GitHub 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109...
2022-12-25
mask
任凭人群来往，任凭钟声响起，小孩啼哭——决心好好过上一天。——梭罗《瓦尔登湖》 分享一个css属性mask： https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask https://css-tricks.com/almanac/properties/m/mask/ CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 这个属性很类似于background属性，但不同的是，background是背景在元素下层，mask是遮罩在元素上层，且mask不支持直接指定color，只支持image对象如图片、svg等 同样两者都是组合属性，意味着可以用简写，而不是一个一个去指定 12mask-image: url(/img/oss/blog/vampireachao/bilibili-line.svg);mask-repeat: no-repeat; 可以简写为 1mask: url(/img/oss/blog/vampireachao/bilibili-line.svg) ...
2021-12-11
jq eq
要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。——培根 我们使用jquery选择器时如果有多个结果，我们可以使用eq函数选择指定下标的元素 例如此处 1234567891011121314151617<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script> </head> <body> <div class="ruben">vampire</div> <div class="ruben">ruben</div> <script type="text/javascript"&...
2020-09-01
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的 今天继续完善一下,下面的函数ruben就算循环10亿次，一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...
2021-07-16
uniapp打电话
人不可能阻止指甲生长….同样的，人也不能压抑自己与生俱来的冲动！——吉良吉影 代码如下 123uni.makePhoneCall({ phoneNumber: '114' //仅为示例}); 同样拥有成功、失败和完成的回调 123456uni.makePhoneCall({ phoneNumber: '114' //仅为示例 ,success:res=>{ console.log(res); } ,fail:res=>{ console.log(res); } ,complete:res=>{ console.log(res); }});
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog