【文件属性】:
文件名称:v-grid-layout:网格布局
文件大小:556KB
文件格式:ZIP
更新时间:2021-02-15 18:22:40
grid-layout Vue
v-grid-layout⺲
v-grid-layout是Vue的网格布局系统,例如 。
这是的裸分支,它支持将GridItem嵌套在任何其他组件中
[| | ]
特征
可拖动的小部件
可调整大小的小部件
静态小部件
边界检查以进行拖动和调整大小
可以在不重建网格的情况下添加或删除小部件
布局可以序列化和还原
自动RTL支持(调整大小无法在2.2.0上使用RTL)
React灵敏
入门
安装
npm
# install with npm
$ npm install @geospoc/v-grid-layout
导入库
import VueGridLayout from '@geospoc/v-grid-layout' ;
添加到其他Vue组件
export default {
components : {
GridLayout : VueGridLayout . G
【文件预览】:
v-grid-layout-main
----.github()
--------semantic.yml(274B)
--------dependabot.yml(672B)
--------ISSUE_TEMPLATE()
--------workflows()
----commitlint.config.js(70B)
----.browserslistrc(24B)
----.eslintrc.js(549B)
----src()
--------components()
--------helpers()
--------index.js(652B)
----babel.config.js(358B)
----.storybook()
--------main.js(281B)
--------preview.js(150B)
----jsconfig.json(136B)
----types()
--------vue-shim.d.ts(74B)
----examples()
--------vue.min.js(91KB)
--------01-basic.js(3KB)
--------06-responsive.html(2KB)
--------02-events.js(4KB)
--------08-responsive-predefined-layouts.html(3KB)
--------07-prevent-collision.js(2KB)
--------05-mirrored.html(3KB)
--------vue.js(332KB)
--------07-prevent-collision.html(2KB)
--------02-events.html(3KB)
--------04-allow-ignore.html(4KB)
--------03-multiple-grids.html(3KB)
--------app.css(3KB)
--------01-basic.html(2KB)
--------06-responsive.js(2KB)
--------08-responsive-predefined-layouts.js(3KB)
----husky.config.js(156B)
----ava.config.cjs(232B)
----tsconfig.json(587B)
----LICENSE(1KB)
----build()
--------rollup.min.config.js(1KB)
--------rollup.config.js(2KB)
----test()
--------interact-test.html(1002B)
--------interact-test.js(2KB)
----README.md(17KB)
----.all-contributorsrc(927B)
----.npmrc(81B)
----docs()
--------nuxt.config.js(158B)
--------content()
--------package-lock.json(516KB)
--------package.json(290B)
--------static()
----prettier.config.js(106B)
----.editorconfig(207B)
----.gitignore(2KB)
----CHANGELOG.md(11KB)
----package-lock.json(962KB)
----package.json(4KB)