Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
Element
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
CI / CD Analytics
Repository Analytics
Value Stream Analytics
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
林焕东
Element
Commits
162d7c36
Commit
162d7c36
authored
Dec 28, 2016
by
baiyaaaaa
Committed by
cinwell.li
Dec 28, 2016
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
input box model fix
parent
635cf6a7
Changes
2
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
245 additions
and
264 deletions
+245
-264
examples/docs/zh-CN/input.md
examples/docs/zh-CN/input.md
+11
-33
yarn.lock
yarn.lock
+234
-231
No files found.
examples/docs/zh-CN/input.md
View file @
162d7c36
...
...
@@ -132,32 +132,17 @@
}
.el-input {
width: 180px;
& + .el-input,
& + .el-textarea {
margin-top: 15px;
}
}
.el-textarea {
width: 414px;
}
.el-input-group {
min-width: 260px;
}
.el-input-group + .el-input-group {
margin-top: 15px;
}
.el-autocomplete {
display: inline-block;
width: 260px;
}
.
inline-input
{
&
.el-input {
.
demo-input-size
{
.el-input {
vertical-align: top;
margin: 10px 5px;
}
&.el-autocomplete {
display: inline-block;
margin: 10px 0 0;
margin: 0 10px 10px 0;
}
}
.tac {
...
...
@@ -301,13 +286,17 @@ export default {
::: demo 可通过 slot 来指定在 input 中前置或者后置内容。
```
html
<
template
>
<
div
>
<el-input
placeholder=
"请输入内容"
v-model=
"input3"
>
<template
slot=
"prepend"
>
Http://
</template>
</el-input>
</div>
<div
style=
"margin-top: 15px;"
>
<el-input
placeholder=
"请输入内容"
v-model=
"input4"
>
<template
slot=
"append"
>
.com
</template>
</el-input>
</div>
<div
style=
"margin-top: 15px;"
>
<el-input
placeholder=
"请输入内容"
v-model=
"input5"
style=
"width: 300px;"
>
<el-select
v-model=
"select"
slot=
"prepend"
placeholder=
"请选择"
>
<el-option
label=
"餐厅名"
value=
"1"
></el-option>
...
...
@@ -316,14 +305,7 @@ export default {
</el-select>
<el-button
slot=
"append"
icon=
"search"
></el-button>
</el-input>
</template>
<style>
.el-select
.el-input
{
width
:
100px
;
}
</style>
</div>
<script>
export
default
{
data
()
{
...
...
@@ -343,26 +325,22 @@ export default {
::: demo 可通过
`size`
属性指定输入框的尺寸,除了默认的大小外,还提供了 large、small 和 mini 三种尺寸。
```
html
<div>
<div
class=
"demo-input-size"
>
<el-input
class=
"inline-input"
size=
"large"
placeholder=
"请输入内容"
v-model=
"input6"
>
</el-input>
<el-input
class=
"inline-input"
placeholder=
"请输入内容"
v-model=
"input7"
>
</el-input>
<el-input
class=
"inline-input"
size=
"small"
placeholder=
"请输入内容"
v-model=
"input8"
>
</el-input>
<el-input
class=
"inline-input"
size=
"mini"
placeholder=
"请输入内容"
v-model=
"input9"
>
...
...
yarn.lock
View file @
162d7c36
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment