initialize carousel
This commit is contained in:
parent
6831b361ca
commit
6c9acb08fa
8 changed files with 50 additions and 0 deletions
10
src/components/carousel/carousel-item.vue
Normal file
10
src/components/carousel/carousel-item.vue
Normal file
|
@ -0,0 +1,10 @@
|
|||
<template>
|
||||
<div :class="prefixCls"><slot></slot></div>
|
||||
</template>
|
||||
<script>
|
||||
const prefixCls = 'ivu-carousel-item';
|
||||
|
||||
export default {
|
||||
name: 'CarouselItem'
|
||||
};
|
||||
</script>
|
11
src/components/carousel/carousel.vue
Normal file
11
src/components/carousel/carousel.vue
Normal file
|
@ -0,0 +1,11 @@
|
|||
<template>
|
||||
<div :class="prefixCls">
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
const prefixCls = 'ivu-cascader';
|
||||
|
||||
export default {
|
||||
name: 'Carousel'
|
||||
};
|
||||
</script>
|
5
src/components/carousel/index.js
Normal file
5
src/components/carousel/index.js
Normal file
|
@ -0,0 +1,5 @@
|
|||
import Carousel from './carousel.vue';
|
||||
import CarouselItem from './carousel-item.vue';
|
||||
|
||||
Carousel.Item = CarouselItem;
|
||||
export default Carousel;
|
|
@ -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,
|
||||
|
|
6
src/styles/components/carousel.less
Normal file
6
src/styles/components/carousel.less
Normal file
|
@ -0,0 +1,6 @@
|
|||
@carousel-prefix-cls: ~"@{css-prefix}carousel";
|
||||
@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item";
|
||||
|
||||
.@{carousel-prefix-cls} {
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue