Isolde是一款带排序功能的js masonry瀑布流插件。Isolde能够使元素以卡片形式显示,并以masonry瀑布流方式进行布局,通过点击分类按钮,可以将卡片按指定的方式动态排序。
import isolde from 'isolde'; import 'isolde/dist/isolde.min.css'; const ijs = new isolde();
<!-- 1st step --> <ul> <li> <a data-isolde-link="all"> [...] </a> </li> <li> <a data-isolde-link="food"> [...] </a> </li> <li> <a data-isolde-link="development"> [...] </a> </li> </ul> <!-- 3st step --> <div id="isolde" class="isolde-default"> <!-- 2nd step --> <div data-isolde-el="food"> [...] </div> <div data-isolde-el="development"> [...] </div> <div data-isolde-el="development"> [...] </div> </div>