Magic-Grid 介绍
一个简单,轻量级的JavaScript库,用于动态网格布局。创建动态网格布局从未如此简单。使用Magic Grid,您所要做的就是指定一个容器并监听更改。为方便起见,还提供了一些其他配置选项,但这一切都非常简单。
安装
通过npm获取Magic Grid:
npm install magic-grid
或CDN
<script src="https://unpkg.com/magic-grid/dist/magic-grid.cjs.js"></script>
<!-- or (minified) -->
<script src="https://unpkg.com/magic-grid/dist/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
小编说
以上是编程之家为你收集整理的Magic-Grid全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。