initialize carousel

src/components/carousel/carousel-item.vue

@@ -0,0 +1,10 @@
+<template>
+    <div :class="prefixCls"><slot></slot></div>
+</template>
+<script>
+    const prefixCls = 'ivu-carousel-item';
+
+    export default {
+        name: 'CarouselItem'
+    };
+</script>

src/components/carousel/carousel.vue

@@ -0,0 +1,11 @@
+<template>
+    <div :class="prefixCls">
+    </div>
+</template>
+<script>
+    const prefixCls = 'ivu-cascader';
+
+    export default {
+        name: 'Carousel'
+    };
+</script>

src/components/carousel/index.js

@@ -0,0 +1,5 @@
+import Carousel from './carousel.vue';
+import CarouselItem from './carousel-item.vue';
+
+Carousel.Item = CarouselItem;
+export default Carousel;

src/index.js

@@ -8,6 +8,7 @@ import Badge from './components/badge';
 import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
 import Card from './components/card';
+import Carousel from './components/carousel';
 import Cascader from './components/cascader';
 import Checkbox from './components/checkbox';
 import Circle from './components/circle';
@@ -52,6 +53,8 @@ const iview = {
     iButton: Button,
     ButtonGroup: Button.Group,
     Card,
+    Carousel,
+    CarouselItem: Carousel.Item,
     Cascader,
     Checkbox,
     CheckboxGroup: Checkbox.Group,

src/styles/components/carousel.less

@@ -0,0 +1,6 @@
+@carousel-prefix-cls: ~"@{css-prefix}carousel";
+@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
+
+.@{carousel-prefix-cls} {
+
+}

test/app.vue

@@ -47,6 +47,7 @@ li + li {
                 <li><a v-link="'/menu'">Menu</a></li>
                 <li><a v-link="'/date'">Date</a></li>
                 <li><a v-link="'/form'">Form</a></li>
+                <li><a v-link="'/carousel'">Carousel</a></li>
             </ul>
         </nav>
         <router-view></router-view>

test/main.js

@@ -134,6 +134,11 @@ router.map({
             require(['./routers/form.vue'], resolve);
         }
     },
+    '/carousel': {
+        component: function (resolve) {
+            require(['./routers/carousel.vue'], resolve);
+        }
+    },
 });
 
 router.beforeEach(function () {

test/routers/carousel.vue

@@ -0,0 +1,9 @@
+<template>
+    <Carousel>
+        <Carousel-item></Carousel-item>
+    </Carousel>
+</template>
+<script>
+    export default {
+    }
+</script>