From e7a8a580a29f0669726cca5e1b7181d3d47548fa Mon Sep 17 00:00:00 2001
From: halo <wlphp201303@163.com>
Date: Sun, 6 Feb 2022 15:27:46 +0800
Subject: [PATCH] =?UTF-8?q?slider=20-=20=E6=94=AF=E6=8C=81=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/slider/index.less | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/component/slider/index.less b/src/component/slider/index.less
index 9b4dac98..81673844 100644
--- a/src/component/slider/index.less
+++ b/src/component/slider/index.less
@@ -1,3 +1,4 @@
+@import "../../theme/variable.less";
 // 横向样式
 .layui-slider-v {
   width: 100%;
@@ -16,9 +17,9 @@
 .layui-slider-btn-v {
   width: 12px;
   height: 12px;
-  background-color: white;
+  background-color: @global-fore-color;
   position: absolute;
-  border: 2px solid rgb(0, 150, 136);
+  border: 2px solid @global-primary-color;
   border-radius: 50%;
   cursor: pointer;
   left: 0%;
@@ -31,14 +32,14 @@
   position: absolute;
   top: 6px;
   left: 0;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 
 .layui-slider-line-v {
   width: 100%;
   height: 4px;
-  background-color: #eee;
+  background-color: @global-fore-color;
   position: absolute;
   top: 6px;
 }
@@ -46,7 +47,7 @@
   cursor: not-allowed !important;
 }
 .layui-slider-disabled-rate {
-  background-color: rgb(0, 150, 136) !important;
+  background-color: @global-primary-color !important;
 }
 
 // 纵向样式
@@ -64,10 +65,10 @@
 .layui-slider-vertical-btn {
   width: 12px;
   height: 12px;
-  background-color: white;
+  background-color: @global-fore-color;
   position: absolute;
   // top: -7px;
-  border: 2px solid rgb(0, 150, 136);
+  border: 2px solid @global-primary-color;
   border-radius: 50%;
   cursor: pointer;
   bottom: 0%;
@@ -81,7 +82,7 @@
   position: absolute;
   bottom: 0;
   left: 7px;
-  background-color: rgb(0, 150, 136);
+  background-color: @global-primary-color;
   z-index: 1;
 }
 
@@ -90,7 +91,7 @@
   height: 100%;
   position: absolute;
   left: 7px;
-  background-color: #eee;
+  background-color: @global-fore-color;
 }
 
 .layui-slider-srange {