From 6c9acb08fa34d9db51fdc661fd782926debcb728 Mon Sep 17 00:00:00 2001 From: Rijn Date: Mon, 16 Jan 2017 02:45:11 -0600 Subject: [PATCH] initialize carousel --- src/components/carousel/carousel-item.vue | 10 ++++++++++ src/components/carousel/carousel.vue | 11 +++++++++++ src/components/carousel/index.js | 5 +++++ src/index.js | 3 +++ src/styles/components/carousel.less | 6 ++++++ test/app.vue | 1 + test/main.js | 5 +++++ test/routers/carousel.vue | 9 +++++++++ 8 files changed, 50 insertions(+), 0 deletions(-) create mode 100644 src/components/carousel/carousel-item.vue create mode 100644 src/components/carousel/carousel.vue create mode 100644 src/components/carousel/index.js create mode 100644 src/styles/components/carousel.less create mode 100644 test/routers/carousel.vue diff --git a/src/components/carousel/carousel-item.vue b/src/components/carousel/carousel-item.vue new file mode 100644 index 0000000..b995e94 --- /dev/null +++ b/src/components/carousel/carousel-item.vue @@ -0,0 +1,10 @@ + + diff --git a/src/components/carousel/carousel.vue b/src/components/carousel/carousel.vue new file mode 100644 index 0000000..fb63eb0 --- /dev/null +++ b/src/components/carousel/carousel.vue @@ -0,0 +1,11 @@ + + diff --git a/src/components/carousel/index.js b/src/components/carousel/index.js new file mode 100644 index 0000000..688b626 --- /dev/null +++ b/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; \ No newline at end of file diff --git a/src/index.js b/src/index.js index 6756a5b..47c52b1 100644 --- a/src/index.js +++ b/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, diff --git a/src/styles/components/carousel.less b/src/styles/components/carousel.less new file mode 100644 index 0000000..21a6eb0 --- /dev/null +++ b/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} { + +} diff --git a/test/app.vue b/test/app.vue index 3dfec76..1983473 100644 --- a/test/app.vue +++ b/test/app.vue @@ -47,6 +47,7 @@ li + li {
  • Menu
  • Date
  • Form
  • +
  • Carousel
  • diff --git a/test/main.js b/test/main.js index 363135f..9f6dd37 100644 --- a/test/main.js +++ b/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 () { diff --git a/test/routers/carousel.vue b/test/routers/carousel.vue new file mode 100644 index 0000000..6db7e5f --- /dev/null +++ b/test/routers/carousel.vue @@ -0,0 +1,9 @@ + + -- libgit2 0.21.4