文件名称：pocketry:带有瓷砖的网格的自定义布局
文件大小：94KB
文件格式：ZIP
更新时间：2024-06-24 17:37:08
JavaScript
口袋 具有内置拖放支持和 CSS3 动画的自定义磁贴布局库。 请参阅。 概念 我们有一个包含各种大小的瓷砖元素的网格。 这些图块可由用户“排序”。 网格具有以下自定义布局算法： 将容器元素拆分为单元格。 将布局拆分为行。 在行内以右上角的方向布置给定的图块。 如果瓷砖不能放在一行 - 转到下一行（假设初始瓷砖顺序） 平铺类型和网格大小 我们有 3 个预定义的（硬编码的）图块大小： pin - 1x1 瓷砖 app - 2x2 磁贴 feed - 3x2 瓷砖 网格大小 目前，该库根据容器 DOM 元素宽度自动确定网格的宽度。 默认情况下，每个布局行的高度等于2 个网格单元。 行数不受限制（在布局阶段按需添加行）。 算法可视化 安装它 安装在终端运行npm install -g bower 使用以下命令安装组件： 在终端中运行bower install yetu/pocket
【文件预览】：
pocketry-master
----bower.json(469B)
----lib()
--------main.js(643B)
--------draggable.js(3KB)
--------debug.js(1KB)
--------ui.js(4KB)
--------angular_shim.js(148B)
--------layout.js(10KB)
--------matrix.js(8KB)
--------util.js(1KB)
----example()
--------index.html(8KB)
--------styles()
--------algo-animation.gif(125KB)
----gulpfile.js(2KB)
----LICENSE(1KB)
----test()
--------layout_scan_algo.spec.js(7KB)
--------config.js(501B)
--------matrix.spec.js(5KB)
--------layout_addition.spec.js(6KB)
--------layout_move.spec.js(11KB)
--------layout.spec.js(790B)
----.bithoundrc(35B)
----README.md(4KB)
----dist()
--------pocketry-angular.min.js(23KB)
--------pocketry.js(40KB)
--------pocketry.min.js(23KB)
----.gitignore(95B)
----package.json(528B)