add Cell component for init

梁灏
1 parent a0141266
Showing 10 changed files with 57 additions and 0 deletions Show diff stats
examples/app.vue
examples/main.js
examples/routers/cell.vue
src/components/cell-group/index.js
src/components/cell/cell-group.vue
src/components/cell/cell.vue
src/components/cell/index.js
src/index.js
src/styles/components/cell.less
src/styles/components/index.less
@@ -66,6 +66,7 @@ nav {
                 <li><router-link to="/scroll">Scroll</router-link></li>
                 <li><router-link to="/divider">Divider</router-link></li>
                 <li><router-link to="/time">Time</router-link></li>
+                <li><router-link to="/cell">Cell</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>
@@ -218,6 +218,10 @@ const router = new VueRouter({
         {
             path: '/time',
             component: (resolve) => require(['./routers/time.vue'], resolve)
+        },
+        {
+            path: '/cell',
+            component: (resolve) => require(['./routers/cell.vue'], resolve)
         }
     ]
 });
+<template>
+<div>
+    <div>cell</div>
+</div>
+</template>
+<script>
+    export default {
+        data(){
+            return {
+
+            }
+        }
+    }
+</script>
+import CellGroup from '../cell/cell-group.vue';
+export default CellGroup;
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {
+
+        },
+
+    }
+</script>
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {
+
+        },
+
+    }
+</script>
 \ No newline at end of file
+import Cell from './cell.vue';
+import CellGroup from './cell-group.vue';
+
+Cell.Group = CellGroup;
+export default Cell;
 \ No newline at end of file
@@ -11,6 +11,7 @@ import Button from &#39;./components/button&#39;;
 import Card from './components/card';
 import Carousel from './components/carousel';
 import Cascader from './components/cascader';
+import Cell from './components/cell';
 import Checkbox from './components/checkbox';
 import Circle from './components/circle';
 import Collapse from './components/collapse';
@@ -74,6 +75,8 @@ const components = {
     Carousel,
     CarouselItem: Carousel.Item,
     Cascader,
+    Cell,
+    CellGroup: Cell.Group,
     Checkbox,
     CheckboxGroup: Checkbox.Group,
     Col,
+@cell-prefix-cls: ~"@{css-prefix}cell";
+
+.@{cell-prefix-cls} {
+
+}
 \ No newline at end of file
@@ -48,3 +48,4 @@
 @import "divider";
 @import "anchor";
 @import "time";
+@import "cell";
 \ No newline at end of file