微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Magic-Grid

编程之家收集整理的这个编程导航主要介绍了Magic-Grid编程之家,现在分享给大家,也给大家做个参考。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。