diff --git a/CHANGELOG.md b/CHANGELOG.md index 136277c8a..321bf0848 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,9 @@ - 修复 Select 多选时选项变为空数组后 placeholder 不出现的问题 - 修复 TimePicker 时间选择可滚动 +#### 非兼容性更新 +- Select 组件样式的 `display` 属性默认值修改为 `block` + ### 1.0.0-rc.3 *2016-09-09* diff --git a/examples/docs/input.md b/examples/docs/input.md index 9b62e6928..c973edf2f 100644 --- a/examples/docs/input.md +++ b/examples/docs/input.md @@ -605,7 +605,7 @@ | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------------- |---------------- |---------------- |---------------------- |-------- | -| type | 同原生的 input 的 type 属性,如果为textarea则显示为extarea | string | — | — | +| type | 同原生的 input 的 type 属性,如果为 textarea 则显示为 textarea | string | — | — | | value | 绑定值 | string, number | — | — | | maxlength | 最大输入长度 | number | — | — | | minlength | 最小输入长度 | number | — | — | diff --git a/examples/docs/popover.md b/examples/docs/popover.md index b603463f7..0adfd907b 100644 --- a/examples/docs/popover.md +++ b/examples/docs/popover.md @@ -153,7 +153,7 @@ Popover 的属性与 Tooltip 很类似,它们都是基于`Vue-popper`开发的 ### 嵌套信息 -嵌套表格的例子: +可以在 Popover 中嵌套多种类型信息,以下为嵌套表格的例子。 :::demo 利用分发取代`content`属性 ```html diff --git a/examples/docs/select.md b/examples/docs/select.md index 1c39181a4..c1808fa11 100644 --- a/examples/docs/select.md +++ b/examples/docs/select.md @@ -115,6 +115,13 @@ }; + + ## Select 选择器 当选项过多时,使用下拉菜单展示并选择内容。 diff --git a/examples/docs/tooltip.md b/examples/docs/tooltip.md index 6549bc763..96dda37ed 100644 --- a/examples/docs/tooltip.md +++ b/examples/docs/tooltip.md @@ -9,11 +9,11 @@ ## Tooltips 文字提示 +常用于展示鼠标 hover 时的提示信息。 + ### 基础用法 -Tooltip 组件常用于展示鼠标 hover 时的提示信息,在这里我们提供9种不同的展示方式。 - -下面是完整的九个示例,可以通过该示例来理解,选择你要的效果: +在这里我们提供 9 种不同方向的展示方式,可以通过以下完整示例来理解,选择你要的效果。 :::demo 使用`content`属性来决定`hover`时的提示信息。由`placement`属性决定展示效果:`placement`属性值为:`方向-箭头方位`;四个方向:`top`、`left`、`right`、`bottom`;三种箭头方位:`start`, `end`,默认为空。如`top center`即`placement="top"`,`left top`即`placement="left-end"`。 diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue index 9d62a65d1..02a90e54e 100644 --- a/packages/select/src/select.vue +++ b/packages/select/src/select.vue @@ -154,7 +154,7 @@ selected: {}, isSelect: true, inputLength: 20, - inputWidth: 180, + inputWidth: 0, valueChangeBySelected: false, cachedPlaceHolder: '', optionsCount: 0, diff --git a/packages/theme-default/src/select.css b/packages/theme-default/src/select.css index 0b9dbe86a..6b0c801fb 100644 --- a/packages/theme-default/src/select.css +++ b/packages/theme-default/src/select.css @@ -9,7 +9,7 @@ @component-namespace el { @b select { - display: inline-block; + display: block; position: relative; @when small { @@ -47,9 +47,6 @@ } & .el-input { - width: 180px; - display: inline-block; - & .el-input__icon { color: #c0ccda; font-size: 12px; @@ -99,10 +96,6 @@ } @when multiple { - & .el-input { - width: 220px; - } - & .el-select-dropdown__item.selected { color: #20A0FF; background-color: #fff; diff --git a/packages/theme-default/src/slider.css b/packages/theme-default/src/slider.css index d819232fc..88e9c856d 100644 --- a/packages/theme-default/src/slider.css +++ b/packages/theme-default/src/slider.css @@ -3,6 +3,7 @@ @component-namespace el { @b slider { + @utils-clearfix; @e runway { width: 100%; height: 4px; @@ -21,7 +22,7 @@ @e input { float: right; - margin-top: -10px; + margin-top: 7px; & .el-input { width: 130px;