From 027c2a43522fa9fedbafe2304aecb4acb86fd25a Mon Sep 17 00:00:00 2001
From: youluna <njuzhaoguoyan@foxmail.com>
Date: Fri, 22 Mar 2019 15:05:19 +0800
Subject: [PATCH] feat(Slider): make slider dots configurable

---
 src/slider/main.scss          | 2 +-
 src/slider/scss/variable.scss | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/slider/main.scss b/src/slider/main.scss
index 016fded4d6..860949f21d 100644
--- a/src/slider/main.scss
+++ b/src/slider/main.scss
@@ -126,7 +126,7 @@
                 padding: 0;
                 height: $slick-dots-diameter;
                 width: $slick-dots-diameter;
-                border-radius: 50%;
+                border-radius: $slick-dots-border-radius;
                 background: rgba($slick-dots-background-color-normal, $slick-dots-background-opacity-normal);
 
                 &:hover {
diff --git a/src/slider/scss/variable.scss b/src/slider/scss/variable.scss
index 1347bbd135..6138f2065f 100644
--- a/src/slider/scss/variable.scss
+++ b/src/slider/scss/variable.scss
@@ -7,7 +7,7 @@
 /// @family data-display
 /// @varPrefix $slick-
 /// @classPrefix {prefix}-slick
-/// @order {"size/dots":10,"size/arrow":11,"size/track":12,"size/slide":13,"statement/normal":10,"statement/normal/dot":100,"statement/normal/arrow":101,"statement/hover":11,"statement/hover/dot":110,"statement/hover/arrow":111,"statement/selected":12,"statement/selected/dot":120,"statement/disabled":13,"statement/disabled/arrow":130}
+/// @order {"size/dots":10,"size/arrow":11,"size/track":12,"statement/normal":10,"statement/normal/dot":100,"statement/normal/arrow":101,"statement/hover":11,"statement/hover/dot":110,"statement/hover/arrow":111,"statement/selected":12,"statement/selected/dot":120,"statement/disabled":13,"statement/disabled/arrow":130}
 ////
 
 // slider variables
@@ -137,6 +137,10 @@ $slick-dots-background-opacity-selected: 1 !default;
 /// @namespace size/dots
 $slick-dots-border-width: $line-zero !default;
 
+/// border radius
+/// @namespace size/dots
+$slick-dots-border-radius: $corner-circle !default;
+
 /// border
 /// @namespace statement/normal/dot
 $slick-dots-border-color-normal: $color-white !default;