Magic-Grid 介绍
一个 简单,轻量级的JavaScript库,用于动态网格布局。创建动态网格布局从未如此简单。使用Magic Grid,您所 要做 的就是指定 一个 容器并监听更改。为方便起见,还提供了一些其他配置选项,但这一切都非常简单。
安装
通过npm 获取 Magic Grid:
npm install magic-grid
或CDN
<script src="https://unpkg.com/magic-grid/ dis t/magic-grid.cjs.js"></script>
<!-- or (minified) -->
<script src="https://unpkg.com/magic-grid/ dis t/magic-grid.min.js"></script>
使用
如果您的容器没有任何动态加载的 内容 ,即其所有子元素始终在DOM中,您应该以这种方式初始化网格:
let magicGrid = new MagicGrid({
container: "#container",// required . Can be a class,id,or an htmlElement.
static: true,// required for static content.
animate: true,// Optional.
});
magicGrid.listen();
网站地址 : https://www.npmjs.com/package/magic-grid
GitHub: https://github.com/e-oj/Magic-Grid
网站描述: 一个 简单,轻量级的Js库,用于动态网格布局
Magic-Grid官方网站
官方网站: https://www.npmjs.com/package/magic-grid
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。