Skip to content

docs(slider): 补充color属性的相关文档 #525

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kagol merged 1 commit into from
Apr 19, 2022
Merged

docs(slider): 补充color属性的相关文档 #525

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions packages/devui-vue/docs/components/slider/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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的显示内容) |
26 changes: 26 additions & 0 deletions packages/devui-vue/docs/en-US/components/slider/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -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) |