[新增] row 和 col 栅格组件

docs/docs/zh-CN/components/grid.md

@@ -0,0 +1,69 @@
+::: demo
+
+<template>
+  <lay-row space="10">
+     <lay-col md="6"><div class="grid-demo">1</div></lay-col>
+     <lay-col md="6"><div class="grid-demo grid-demo-bg1">2</div></lay-col>
+     <lay-col md="3"><div class="grid-demo">3</div></lay-col>
+     <lay-col md="3"><div class="grid-demo grid-demo-bg1">4</div></lay-col>
+     <lay-col md="3"><div class="grid-demo">5</div></lay-col>
+     <lay-col md="3"><div class="grid-demo grid-demo-bg1">6</div></lay-col>
+  </lay-row>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: demo
+
+<template>
+  <lay-row space="10">
+     <lay-col md="6"><div class="grid-demo">1</div></lay-col>
+     <lay-col md="3" mdOffset="3"><div class="grid-demo grid-demo-bg1">2</div></lay-col>
+  </lay-row>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: demo
+
+<template>
+  <lay-row space="10">
+     <lay-col md="6" sm="6" xs="12"><div class="grid-demo">1</div></lay-col>
+     <lay-col md="6" sm="6" xs="12"><div class="grid-demo grid-demo-bg1">2</div></lay-col>
+  </lay-row>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/src/layouts/Layout.vue

@@ -12,6 +12,7 @@
         <li><router-link to="/zh-CN/components/icon">图标</router-link></li>
         <li><router-link to="/zh-CN/components/panel">面板</router-link></li>
         <li><router-link to="/zh-CN/components/card">卡片</router-link></li>
+        <li><router-link to="/zh-CN/components/grid">栅格</router-link></li>
       </ul>
     </lay-side>
     <lay-body>

docs/src/router/zh-CN.ts

@@ -36,6 +36,10 @@ const zhCN = [
         path: '/zh-CN/components/card',
         component: () => import('../../docs/zh-CN/components/cards.md'),
         meta: { title: '卡片' },
+      },{
+        path: '/zh-CN/components/grid',
+        component: () => import('../../docs/zh-CN/components/grid.md'),
+        meta: { title: '栅格' },
       }
     ],
   },