github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
examples/docs/zh-CN/slider.md
View File

@ -4,11 +4,12 @@
return { return {
value1: 0, value1: 0,
value2: 50, value2: 50,
value3: 42, value3: 36,
value4: 0, value4: 42,
value5: 0, value5: 0,
value6: 0, value6: 0,
value7: [4, 8] value7: 0,
value8: [4, 8]
}; };
} }
} }
@ -60,9 +61,13 @@
<span class="demonstration">自定义初始值</span> <span class="demonstration">自定义初始值</span>
<el-slider v-model="value2"></el-slider> <el-slider v-model="value2"></el-slider>
</div> </div>
<div class="block">
<span class="demonstration">隐藏 Tooltip</span>
<el-slider v-model="value3" :show-tooltip="false"></el-slider>
</div>
<div class="block"> <div class="block">
<span class="demonstration">禁用</span> <span class="demonstration">禁用</span>
<el-slider v-model="value3" disabled></el-slider> <el-slider v-model="value4" disabled></el-slider>
</div> </div>
</template> </template>
@ -72,7 +77,8 @@
return { return {
value1: 0, value1: 0,
value2: 50, value2: 50,
value3: 42 value3: 36,
value4: 42
} }
} }
} }
@ -90,14 +96,14 @@
<div class="block"> <div class="block">
<span class="demonstration">不显示间断点</span> <span class="demonstration">不显示间断点</span>
<el-slider <el-slider
v-model="value4" v-model="value5"
:step="10"> :step="10">
</el-slider> </el-slider>
</div> </div>
<div class="block"> <div class="block">
<span class="demonstration">显示间断点</span> <span class="demonstration">显示间断点</span>
<el-slider <el-slider
v-model="value5" v-model="value6"
:step="10" :step="10"
show-stops> show-stops>
</el-slider> </el-slider>
@ -108,8 +114,8 @@
export default { export default {
data() { data() {
return { return {
value4: 0, value5: 0,
value5: 0 value6: 0
} }
} }
} }
@ -126,7 +132,7 @@
<template> <template>
<div class="block"> <div class="block">
<el-slider <el-slider
v-model="value6" v-model="value7"
show-input> show-input>
</el-slider> </el-slider>
</div> </div>
@ -136,7 +142,7 @@
export default { export default {
data() { data() {
return { return {
value6: 0 value7: 0
} }
} }
} }
@ -153,7 +159,7 @@
<template> <template>
<div class="block"> <div class="block">
<el-slider <el-slider
v-model="value7" v-model="value8"
range range
show-stops show-stops
:max="10"> :max="10">
@ -165,7 +171,7 @@
export default { export default {
data() { data() {
return { return {
value7: [4, 8] value8: [4, 8]
} }
} }
} }
@ -183,6 +189,7 @@
| show-input | 是否显示输入框，仅在非范围选择时有效 | boolean | — | false | | show-input | 是否显示输入框，仅在非范围选择时有效 | boolean | — | false |
| show-input-controls | 在显示输入框的情况下，是否显示输入框的控制按钮 | boolean | — | true| | show-input-controls | 在显示输入框的情况下，是否显示输入框的控制按钮 | boolean | — | true|
| show-stops | 是否显示间断点 | boolean | — | false | | show-stops | 是否显示间断点 | boolean | — | false |
| show-tooltip | 是否显示 tooltip | boolean | — | true |
| range | 是否为范围选择 | boolean | — | false | | range | 是否为范围选择 | boolean | — | false |
### Events ### Events

1
packages/theme-default/src/autocomplete.css
View File

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

1
packages/theme-default/src/checkbox.css
View File

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