added outside dots

Rijn
1 parent c1af3fac
Showing 2 changed files with 15 additions and 4 deletions Show diff stats
src/components/carousel/carousel.vue
src/styles/components/carousel.less
@@ -101,7 +101,7 @@
             dotsClasses () {
                 return [
                     `${prefixCls}-dots`,
-                    `${prefixCls}-arrow-${this.dots}`
+                    `${prefixCls}-dots-${this.dots}`
                 ]
             },
             activeDot (n) {
@@ -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;