react-grid-layout:用于响应的可拖动和可调整大小的网格布局,带有响应断点

时间:2024-02-25 11:07:09
【文件属性】:

文件名称:react-grid-layout:用于响应的可拖动和可调整大小的网格布局,带有响应断点

文件大小:366KB

文件格式:ZIP

更新时间:2024-02-25 11:07:09

react javascript resize grid drag-and-drop

React网格布局 React-Grid-Layout是一个类似于React的或的网格布局系统。 与那些系统不同,它具有响应能力并支持断点。 断点布局可以由用户提供或自动生成。 RGL仅适用于React,不需要jQuery。 来自生产使用情况的GIF [| ] 目录 演示版 使用React-Grid-Layout的项目 认识别人吗? 建立公关让我知道! 产品特点 100%React-没有jQuery 与服务器渲染的应用程序兼容 可拖动的小部件 可调整大小的小部件 静态小部件 可配置包装:水平,垂直或不固定 边界检查以进行拖动和调整大小 可以在不重建网格的情况下添加或删除小部件 布局


【文件预览】:
react-grid-layout-master
----css()
--------styles.css(3KB)
----.travis.yml(94B)
----index.js(346B)
----.babelrc.js(456B)
----flow-typed()
--------npm()
----.flowconfig(231B)
----package.json(3KB)
----.eslintrc.json(635B)
----.github()
--------PULL_REQUEST_TEMPLATE.md(262B)
--------ISSUE_TEMPLATE.md(342B)
--------workflows()
--------labeler.yml(350B)
----test()
--------dev-hook.jsx(229B)
--------test-hook.jsx(2KB)
--------examples()
--------spec()
--------util()
----.prettierrc(405B)
----.prettierignore(16B)
----index.js.flow(264B)
----index.html(393B)
----LICENSE(1KB)
----dist()
--------react-grid-layout.min.js(89KB)
--------react-grid-layout.min.js.map(342KB)
----webpack-dev-server.config.js(952B)
----.npmignore(139B)
----__mocks__()
--------react-grid-layout.js(128B)
----index-dev.js(336B)
----examples()
--------vars.js(6KB)
--------generate.js(760B)
--------template.ejs(1KB)
--------example-styles.css(2KB)
----interfaces()
--------classnames.js(375B)
----.gitignore(196B)
----webpack.config.js(1KB)
----.browserslistrc(22B)
----CHANGELOG.md(26KB)
----lib()
--------GridItem.jsx(18KB)
--------utils.js(21KB)
--------ReactGridLayoutPropTypes.js(6KB)
--------fastRGLPropsEqual.js(1KB)
--------ResponsiveReactGridLayout.jsx(9KB)
--------calculateUtils.js(5KB)
--------ReactGridLayout.jsx(19KB)
--------components()
--------responsiveUtils.js(4KB)
----Makefile(2KB)
----webpack-examples.config.js(1KB)
----.validate.json(92B)
----README.md(20KB)
----yarn.lock(367KB)
----.eslintignore(18B)

网友评论