vue-flow-grid
Advanced tools
Comparing version
{ | ||
"name": "vue-flow-grid", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "A simple flow grid component for Vue.js", | ||
"main": "index.js", | ||
"scripts": { | ||
"test": "echo \"TODO:test\" && exit 1" | ||
"test": "echo -e '[TODO]Test coming soon...'" | ||
}, | ||
@@ -24,3 +24,6 @@ "repository": { | ||
}, | ||
"homepage": "https://github.com/75team-biz/vue-flow-grid#readme" | ||
"homepage": "https://github.com/75team-biz/vue-flow-grid#readme", | ||
"dependencies": { | ||
"vue": "^2.0.5" | ||
} | ||
} |
@@ -11,3 +11,3 @@ # vue-flow-grid | ||
import Vue from 'vue' | ||
import FlowGrid from 'vue-flowgrid' | ||
import FlowGrid from 'vue-flow-grid' | ||
Vue.use(FlowGrid); | ||
@@ -17,31 +17,31 @@ | ||
<ul v-flowgrid="3"> | ||
<li>111</li> | ||
<li>222</li> | ||
<li>333</li> | ||
<li>444</li> | ||
<li>555</li> | ||
<li>666</li> | ||
<li>777</li> | ||
<li>888</li> | ||
</ul> | ||
<ul v-flowgrid="3"> | ||
<li>111</li> | ||
<li>222</li> | ||
<li>333</li> | ||
<li>444</li> | ||
<li>555</li> | ||
<li>666</li> | ||
<li>777</li> | ||
<li>888</li> | ||
</ul> | ||
The code above will be compiled to: | ||
<ul> | ||
<div id="vFlowgrid1" style="width: 20%; float: left;"> | ||
<li>111</li> | ||
<li>444</li> | ||
<li>777</li> | ||
</div> | ||
<div id="vFlowgrid2" style="width: 20%; float: left;"> | ||
<li>222</li> | ||
<li>555</li> | ||
<li>888</li> | ||
</div> | ||
<div id="vFlowgrid3" style="width: 20%; float: left;"> | ||
<li>333</li> | ||
<li>666</li> | ||
</div> | ||
</ul> | ||
<ul> | ||
<div id="vFlowgrid1" style="width: 20%; float: left;"> | ||
<li>111</li> | ||
<li>444</li> | ||
<li>777</li> | ||
</div> | ||
<div id="vFlowgrid2" style="width: 20%; float: left;"> | ||
<li>222</li> | ||
<li>555</li> | ||
<li>888</li> | ||
</div> | ||
<div id="vFlowgrid3" style="width: 20%; float: left;"> | ||
<li>333</li> | ||
<li>666</li> | ||
</div> | ||
</ul> | ||
@@ -48,0 +48,0 @@ |
3954
6.29%4
33.33%1
Infinity%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added