From 2947cf4aabbef1b05c75ca5523287d1a9fd97956 Mon Sep 17 00:00:00 2001
From: Miliky <li1063094734@163.com>
Date: Tue, 19 Apr 2022 10:39:22 +0800
Subject: [PATCH] =?UTF-8?q?docs(slider):=20=E8=A1=A5=E5=85=85color?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E7=9A=84=E7=9B=B8=E5=85=B3=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-vue/docs/components/slider/index.md |  1 +
 .../docs/en-US/components/slider/index.md     | 26 +++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/packages/devui-vue/docs/components/slider/index.md b/packages/devui-vue/docs/components/slider/index.md
index 3de84162f7..e51c9ea591 100644
--- a/packages/devui-vue/docs/components/slider/index.md
+++ b/packages/devui-vue/docs/components/slider/index.md
@@ -192,6 +192,7 @@ d-slider 参数
 | max          | number  | 100   | 可选，滑动输入条的最大值                                            | [基本用法](#基本用法)                |
 | min          | number  | 0     | 可选，滑动输入条的最小值                                            | [基本用法](#基本用法)                |
 | step         | number  | 1     | 可选，滑动输入条的步长，取值必须大于等于 1，且必须可被(max-min)整除 | [可设置Step的滑动组件](#可设置step的滑动组件)    |
+| color     | string | '' | 可选，自定义滑块的颜色显示                                      | [自定义颜色color](#自定义颜色color)              |
 | disabled     | boolean | false | 可选，值为 true 时禁止用户输入                                      | [禁止输入态](#禁止输入态)              |
 | showInput    | boolean | false | 可选，值为 true 显示输入框                                          | [带有输入框的滑动组件](#带有输入框的滑动组件)    |
 | tipsRenderer | string  |       | 可选，渲染 Popover 内容的函数，传入'null'时不显示 Popover           | [定制popover的显示内容](#定制popover的显示内容) |
diff --git a/packages/devui-vue/docs/en-US/components/slider/index.md b/packages/devui-vue/docs/en-US/components/slider/index.md
index 2089946dd7..ff4d867704 100644
--- a/packages/devui-vue/docs/en-US/components/slider/index.md
+++ b/packages/devui-vue/docs/en-US/components/slider/index.md
@@ -93,6 +93,31 @@ export default defineComponent({
 
 :::
 
+### Custom Color
+
+:::demo
+
+```vue
+<template>
+  <div class="slider-wrapper" style="padding:20px">
+    <d-slider v-model="inputValue" color="#e67e22"></d-slider>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from 'vue';
+export default defineComponent({
+  setup() {
+    const inputValue = ref(20);
+    return {
+      inputValue,
+    };
+  },
+});
+</script>
+```
+
+:::
+
 ### Input forbidden state
 
 When disabled is set to true, user input is not allowed.
@@ -167,6 +192,7 @@ d-slider parameter
 | min          | number  | 0       | Optional. Minimum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
 | max          | number  | 100     | Optional. Maximum value of the sliding input bar                                                                                          | [Basic Usage](#basic-usage)                                                   |
 | step         | number  | 1       | Optional. Step of the sliding input bar. The value must be greater than or equal to 0 and must be divisible by (max-min)                  | [Limit Step ](#limit-step)                                                    |
+| color     | string | ''   | Optional. Custom slider color display                                                                        | [Custom Color](#custom-color) 
 | disabled     | boolean | false   | Optional. When the value is true, users are not allowed to enter                                                                          | [Input forbidden state](#input-forbidden-state)                               |
 | showInput    | boolean | false   | Optional,When the value is false,the input is not displayed                                                                               | [Bidirectional Binding](#bidirectional-binding)                               |
 | tipsRenderer | string  |         | Optional. This parameter indicates the function for rendering popover content. If "null" is transferred, popover content is not displayed | [Customized popover content displayed](#customized-popover-content-displayed) |