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

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

文件下载

资源详情

[{"title":"( 77 个子文件 366KB ) react-grid-layout:用于响应的可拖动和可调整大小的网格布局,带有响应断点","children":[{"title":"react-grid-layout-master","children":[{"title":"css","children":[{"title":"styles.css <span style='color:#111;'> 2.54KB </span>","children":null,"spread":false}],"spread":true},{"title":".travis.yml <span style='color:#111;'> 94B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 346B </span>","children":null,"spread":false},{"title":".babelrc.js <span style='color:#111;'> 456B </span>","children":null,"spread":false},{"title":"flow-typed","children":[{"title":"npm","children":[{"title":"classnames_v2.x.x.js <span style='color:#111;'> 563B </span>","children":null,"spread":false},{"title":"jest_v24.x.x.js <span style='color:#111;'> 33.33KB </span>","children":null,"spread":false},{"title":"enzyme_v3.x.x.js <span style='color:#111;'> 4.77KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".flowconfig <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.84KB </span>","children":null,"spread":false},{"title":".eslintrc.json <span style='color:#111;'> 635B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"PULL_REQUEST_TEMPLATE.md <span style='color:#111;'> 262B </span>","children":null,"spread":false},{"title":"ISSUE_TEMPLATE.md <span style='color:#111;'> 342B </span>","children":null,"spread":false},{"title":"workflows","children":[{"title":"label.yml <span style='color:#111;'> 347B </span>","children":null,"spread":false},{"title":"stale.yml <span style='color:#111;'> 713B </span>","children":null,"spread":false}],"spread":true},{"title":"labeler.yml <span style='color:#111;'> 350B </span>","children":null,"spread":false}],"spread":true},{"title":"test","children":[{"title":"dev-hook.jsx <span style='color:#111;'> 229B </span>","children":null,"spread":false},{"title":"test-hook.jsx <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"17-responsive-bootstrap-style.jsx <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"13-error-case.jsx <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"4-grid-property.jsx <span style='color:#111;'> 1.44KB </span>","children":null,"spread":false},{"title":"3-messy.jsx <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false},{"title":".eslintrc.json <span style='color:#111;'> 47B </span>","children":null,"spread":false},{"title":"2-no-dragging.jsx <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"9-min-max-wh.jsx <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"5-static-elements.jsx <span style='color:#111;'> 1.64KB </span>","children":null,"spread":false},{"title":"7-localstorage.jsx <span style='color:#111;'> 2.31KB </span>","children":null,"spread":false},{"title":"8-localstorage-responsive.jsx <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"11-no-vertical-compact.jsx <span style='color:#111;'> 1.47KB </span>","children":null,"spread":false},{"title":"17-resizable-handles.jsx <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"15-drag-from-outside.jsx <span style='color:#111;'> 3.87KB </span>","children":null,"spread":false},{"title":"16-bounded.jsx <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":"14-toolbox.jsx <span style='color:#111;'> 5.38KB </span>","children":null,"spread":false},{"title":"10-dynamic-min-max-wh.jsx <span style='color:#111;'> 2.03KB </span>","children":null,"spread":false},{"title":"0-showcase.jsx <span style='color:#111;'> 3.80KB </span>","children":null,"spread":false},{"title":"1-basic.jsx <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"6-dynamic-add-remove.jsx <span style='color:#111;'> 3.00KB </span>","children":null,"spread":false},{"title":"12-prevent-collision.jsx <span style='color:#111;'> 1.57KB </span>","children":null,"spread":false}],"spread":false},{"title":"spec","children":[{"title":"lifecycle-test.js <span style='color:#111;'> 5.38KB </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"lifecycle-test.js.snap <span style='color:#111;'> 244.35KB </span>","children":null,"spread":false}],"spread":false},{"title":"utils-test.js <span style='color:#111;'> 14.85KB </span>","children":null,"spread":false}],"spread":true},{"title":"util","children":[{"title":"deepFreeze.js <span style='color:#111;'> 1.62KB </span>","children":null,"spread":false},{"title":"setupTests.js <span style='color:#111;'> 590B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 405B </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 16B </span>","children":null,"spread":false},{"title":"index.js.flow <span style='color:#111;'> 264B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 393B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"dist","children":[{"title":"react-grid-layout.min.js <span style='color:#111;'> 88.92KB </span>","children":null,"spread":false},{"title":"react-grid-layout.min.js.map <span style='color:#111;'> 341.87KB </span>","children":null,"spread":false}],"spread":false},{"title":"webpack-dev-server.config.js <span style='color:#111;'> 952B </span>","children":null,"spread":false},{"title":".npmignore <span style='color:#111;'> 139B </span>","children":null,"spread":false},{"title":"__mocks__","children":[{"title":"react-grid-layout.js <span style='color:#111;'> 128B </span>","children":null,"spread":false}],"spread":false},{"title":"index-dev.js <span style='color:#111;'> 336B </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"vars.js <span style='color:#111;'> 5.65KB </span>","children":null,"spread":false},{"title":"generate.js <span style='color:#111;'> 760B </span>","children":null,"spread":false},{"title":"template.ejs <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false},{"title":"example-styles.css <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false}],"spread":false},{"title":"interfaces","children":[{"title":"classnames.js <span style='color:#111;'> 375B </span>","children":null,"spread":false}],"spread":false},{"title":".gitignore <span style='color:#111;'> 196B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":".browserslistrc <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":"CHANGELOG.md <span style='color:#111;'> 25.51KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"GridItem.jsx <span style='color:#111;'> 18.38KB </span>","children":null,"spread":false},{"title":"utils.js <span style='color:#111;'> 20.97KB </span>","children":null,"spread":false},{"title":"ReactGridLayoutPropTypes.js <span style='color:#111;'> 6.42KB </span>","children":null,"spread":false},{"title":"fastRGLPropsEqual.js <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"ResponsiveReactGridLayout.jsx <span style='color:#111;'> 9.18KB </span>","children":null,"spread":false},{"title":"calculateUtils.js <span style='color:#111;'> 5.08KB </span>","children":null,"spread":false},{"title":"ReactGridLayout.jsx <span style='color:#111;'> 19.34KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"WidthProvider.jsx <span style='color:#111;'> 2.57KB </span>","children":null,"spread":false}],"spread":false},{"title":"responsiveUtils.js <span style='color:#111;'> 3.53KB </span>","children":null,"spread":false}],"spread":false},{"title":"Makefile <span style='color:#111;'> 2.07KB </span>","children":null,"spread":false},{"title":"webpack-examples.config.js <span style='color:#111;'> 1.48KB </span>","children":null,"spread":false},{"title":".validate.json <span style='color:#111;'> 92B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 20.31KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 366.72KB </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 18B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明