mirror of https://github.com/ElemeFE/element
misc updates (#3583)
parent
c31f19a4e8
commit
fef0334e43
|
@ -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
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
@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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue