misc updates (#3583)

pull/3596/head
杨奕 2017-03-18 15:17:18 +08:00 committed by baiyaaaaa
parent c31f19a4e8
commit fef0334e43
3 changed files with 22 additions and 13 deletions

View File

@ -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

View File

@ -1,6 +1,7 @@
@charset "UTF-8";
@import "./input.css";
@import "./common/var.css";
@import "./scrollbar.css";
@component-namespace el {
@b autocomplete {

View File

@ -134,6 +134,7 @@
outline: none;
position: absolute;
margin: 0;
visibility: hidden;
left: -999px;
}