From 8738f4d30456c6074f2d89d5e3ffa13a61045939 Mon Sep 17 00:00:00 2001 From: Rijn Date: Tue, 17 Jan 2017 14:39:17 -0600 Subject: [PATCH] added outside dots --- src/components/carousel/carousel.vue | 2 +- src/styles/components/carousel.less | 17 ++++++++++++++--- 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/components/carousel/carousel.vue b/src/components/carousel/carousel.vue index 4ab1ad9..55d1944 100644 --- a/src/components/carousel/carousel.vue +++ b/src/components/carousel/carousel.vue @@ -101,7 +101,7 @@ dotsClasses () { return [ `${prefixCls}-dots`, - `${prefixCls}-arrow-${this.dots}` + `${prefixCls}-dots-${this.dots}` ] }, activeDot (n) { diff --git a/src/styles/components/carousel.less b/src/styles/components/carousel.less index 6cef9b3..fda1001 100644 --- a/src/styles/components/carousel.less +++ b/src/styles/components/carousel.less @@ -105,11 +105,22 @@ &-dots { @padding: 7px; - position: absolute; - bottom: 10px - @padding; + position: relative; + &-inside { + position: absolute; + bottom: 10px - @padding; + } + + &-outside { + margin-top: 10px - @padding; + } - list-style: none; display: block; + &-none { + display: none; + } + + list-style: none; text-align: center; -- libgit2 0.21.4