npm install
vue
-responsive-grid-layout
import {
Vue
ResponsiveGridLayout,
Vue
GridItem,
Vue
GridLayout } from '
vue
-responsive-grid-layout'
Vue
.component
vue
网格布局
组件 威格 (
vue
-grd)
Simple, Light-weight and Flexible
Vue.js
component for grid layout.
Vue.js
port of grd.
简单,轻巧和灵活的
Vue.js
组件,用于
网格布局
。
Vue.js
grd的端口。
View demo
查看演示 View Github
查看Github 安装 (Inst...
基于
vue
将json绘制图
Vue
布局撰写者 (
vue
-layout-composer)
Dynamic, drag & drop, JSON-based grid layout for
Vue
.
Vue
基于JSON的动态,拖放式
网格布局
。
Create your components, specify your JSON layout configuration and let th...
vue
网格布局
Vue
网格布局
(
vue
-grid-layout)
vue
-grid-layout is a grid layout system, like Gridster, for
Vue.js
. Heavily inspired in React-Grid-Layout
vue
-grid-layout是
Vue.js
的
网格布局
系统
,例如Gridster。 在React-Grid-Layo...
在具有拖拽组成页面、组件动态调整大小、边缘碰撞监测的
系统
中,使用该布局无疑是最合适的。该栅格
系统
目前对
vue
2 的支持是最好的,
vue
3 是需要用插件支持的,会在小节详细讲解。栅格布局难度不大,但是要理解里面的原理,并实际应用到自己的项目开发,还要结合自己项目的实际情况。
Apache ECharts 是一款基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
vue
-form-making 是一个基于
vue
和 element-ui 实现的可视化表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。Ionicons 是一个完全开源的图标集,是知名混合开发框架 Ionic Framework 内置的图标库,包含 1300 个设计优雅、风格统一的高质量图标,能满足大多数的业务场景。...
<template>
<div class="home" id="home">
<div :class="{'hand':true,'fold':true,'fode2-choose':foldClass}" @click="show" @mouseover="mouseOver" @mouseleave="leave"&g...
响应式
网格
项目动画布局
Vue
ResponsiveGridLayout (
Vue
ResponsiveGridLayout)
Responsive draggable and resizable grid layout for
Vue
JS. Its responsiveness is based on breakpoints (similar to Bootstrap).
Vue
JS的响应式可拖动...