Commit fef0334e authored by 杨奕's avatar 杨奕 Committed by baiyaaaaa

misc updates (#3583)

parent c31f19a4
......@@ -4,11 +4,12 @@
return {
value1: 0,
value2: 50,
value3: 42,
value4: 0,
value3: 36,
value4: 42,
value5: 0,
value6: 0,
value7: [4, 8]
value7: 0,
value8: [4, 8]
};
}
}
......@@ -60,9 +61,13 @@
<span class="demonstration">自定义初始值</span>
<el-slider v-model="value2"></el-slider>
</div>
<div class="block">
<span class="demonstration">隐藏 Tooltip</span>
<el-slider v-model="value3" :show-tooltip="false"></el-slider>
</div>
<div class="block">
<span class="demonstration">禁用</span>
<el-slider v-model="value3" disabled></el-slider>
<el-slider v-model="value4" disabled></el-slider>
</div>
</template>
......@@ -72,7 +77,8 @@
return {
value1: 0,
value2: 50,
value3: 42
value3: 36,
value4: 42
}
}
}
......@@ -90,14 +96,14 @@
<div class="block">
<span class="demonstration">不显示间断点</span>
<el-slider
v-model="value4"
v-model="value5"
:step="10">
</el-slider>
</div>
<div class="block">
<span class="demonstration">显示间断点</span>
<el-slider
v-model="value5"
v-model="value6"
:step="10"
show-stops>
</el-slider>
......@@ -108,8 +114,8 @@
export default {
data() {
return {
value4: 0,
value5: 0
value5: 0,
value6: 0
}
}
}
......@@ -126,7 +132,7 @@
<template>
<div class="block">
<el-slider
v-model="value6"
v-model="value7"
show-input>
</el-slider>
</div>
......@@ -136,7 +142,7 @@
export default {
data() {
return {
value6: 0
value7: 0
}
}
}
......@@ -153,7 +159,7 @@
<template>
<div class="block">
<el-slider
v-model="value7"
v-model="value8"
range
show-stops
:max="10">
......@@ -165,7 +171,7 @@
export default {
data() {
return {
value7: [4, 8]
value8: [4, 8]
}
}
}
......@@ -183,6 +189,7 @@
| show-input | 是否显示输入框,仅在非范围选择时有效 | boolean | — | false |
| show-input-controls | 在显示输入框的情况下,是否显示输入框的控制按钮 | boolean | — | true|
| show-stops | 是否显示间断点 | boolean | — | false |
| show-tooltip | 是否显示 tooltip | boolean | — | true |
| range | 是否为范围选择 | boolean | — | false |
### Events
......
@charset "UTF-8";
@import "./input.css";
@import "./common/var.css";
@import "./scrollbar.css";
@component-namespace el {
@b autocomplete {
......
......@@ -134,6 +134,7 @@
outline: none;
position: absolute;
margin: 0;
visibility: hidden;
left: -999px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment