Skip to content

Commit 12fbf67

Browse files
gmsagmsa
committed
website base version
1 parent 169d974 commit 12fbf67

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+17628
-1918
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ vue-grid-layout is a grid layout system, like [Gridster](http://dsmorse.github.i
1313

1414
<br/>
1515

16-
[**[Demo](https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html) | [Changelog](/website/docs/changelog/README.md)**]
16+
[**[Demo](https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html) | [Changelog](/https://jbaysolutions.github.io/vue-grid-layout/changelog/)**]
1717

1818
English | [简体中文](./README-zh_CN.md)
1919

‎examples/05-mirrored.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@ <h1>Vue Grid Layout Example 5 - Mirrored grid layout</h1>
4545
:is-mirrored="mirrored"
4646
:vertical-compact="true"
4747
:use-css-transforms="true"
48-
:right-to-left="true"
4948
>
5049
<grid-item v-for="item in layout"
5150
:x="item.x"
@@ -98,4 +97,4 @@ <h1>Vue Grid Layout Example 5 - Mirrored grid layout</h1>
9897
});
9998
</script>
10099
</body>
101-
</html>
100+
</html>

‎examples/07-prevent-collision.html

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,22 @@ <h1>Vue Grid Layout Example 7 - Prevent Collision</h1>
3535
<button @click="increaseWidth">Increase Width</button>
3636
<button @click="addItem">Add an item</button>-->
3737
<br />
38-
<grid-layout :layout.sync="layout" :col-num="12" :row-height="30" :is-draggable="draggable"
39-
:is-resizable="resizable" :vertical-compact="false" :prevent-collision="true" :use-css-transforms="true"
40-
:responsive="true">
41-
<grid-item v-for="item in layout" :x="item.x" :y="item.y" :w="item.w" :h="item.h" :i="item.i">
38+
<grid-layout :layout.sync="layout"
39+
:col-num="12"
40+
:row-height="30"
41+
:is-draggable="draggable"
42+
:is-resizable="resizable"
43+
:vertical-compact="false"
44+
:prevent-collision="true"
45+
:use-css-transforms="true"
46+
:responsive="false">
47+
<grid-item v-for="item in layout"
48+
:x="item.x"
49+
:y="item.y"
50+
:w="item.w"
51+
:h="item.h"
52+
:i="item.i"
53+
>
4254
<span class="text">{{item.i}}</span>
4355
</grid-item>
4456
</grid-layout>

‎examples/08-responsive-predefined-layouts.html

Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
<head>
55
<meta charset="utf-8">
6-
<title>Vue Grid Layout Example 1 - Basic Responsive</title>
6+
<title>Vue Grid Layout Example 8 - Responsive with predefined layouts</title>
77
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
88
<link rel="stylesheet" href="app.css">
99
<!--<link rel="stylesheet" href="../dist/vue-grid-layout.css">-->
@@ -38,10 +38,24 @@ <h1>Vue Grid Layout Example 8 - Responsive with predefined layouts</h1>
3838
<input type="checkbox" v-model="resizable" /> Resizable
3939
<input type="checkbox" v-model="responsive" /> Responsive
4040
<br />
41-
<grid-layout :layout.sync="layout" :responsive-layouts="layouts" :col-num="12" :row-height="30"
42-
:is-draggable="draggable" :is-resizable="resizable" :vertical-compact="true" :use-css-transforms="true"
43-
:responsive="responsive" @breakpoint-changed="breakpointChangedEvent">
44-
<grid-item v-for="item in layout" :x="item.x" :y="item.y" :w="item.w" :h="item.h" :i="item.i">
41+
<grid-layout :layout.sync="layout"
42+
:responsive-layouts="layouts"
43+
:col-num="12"
44+
:row-height="30"
45+
:is-draggable="draggable"
46+
:is-resizable="resizable"
47+
:vertical-compact="true"
48+
:use-css-transforms="true"
49+
:responsive="responsive"
50+
@breakpoint-changed="breakpointChangedEvent"
51+
>
52+
<grid-item v-for="item in layout"
53+
:x="item.x"
54+
:y="item.y"
55+
:w="item.w"
56+
:h="item.h"
57+
:i="item.i"
58+
>
4559
<span class="text">{{item.i}}</span>
4660
</grid-item>
4761
</grid-layout>

‎examples/09-dynamic-add-remove.html

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,22 @@ <h1>Vue Grid Layout Example 9 - Dynamic Add/Remove</h1>
4545
<input type="checkbox" v-model="draggable" /> Draggable
4646
<input type="checkbox" v-model="resizable" /> Resizable
4747
<br />
48-
<grid-layout :layout="layout" :col-num="colNum" :row-height="30" :is-draggable="draggable"
49-
:is-resizable="resizable" :vertical-compact="true" :use-css-transforms="true">
50-
<grid-item v-for="item in layout" :static="item.static" :x="item.x" :y="item.y" :w="item.w" :h="item.h"
51-
:i="item.i">
48+
<grid-layout :layout="layout"
49+
:col-num="colNum"
50+
:row-height="30"
51+
:is-draggable="draggable"
52+
:is-resizable="resizable"
53+
:vertical-compact="true"
54+
:use-css-transforms="true"
55+
>
56+
<grid-item v-for="item in layout"
57+
:static="item.static"
58+
:x="item.x"
59+
:y="item.y"
60+
:w="item.w"
61+
:h="item.h"
62+
:i="item.i"
63+
>
5264
<span class="text">{{item.i}}</span>
5365
<span class="remove" @click="removeItem(item.i)">x</span>
5466
</grid-item>

0 commit comments

Comments
 (0)