drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Input style

Browse source
This commit is contained in:
梁灏 2018-06-27 15:46:28 +08:00
parent 1e17564989
commit 9f249603d0
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/routers/input.vue
View file

@ -129,7 +129,11 @@
<Icon type="ios-aperture" slot="prefix" /> <Icon type="ios-aperture" slot="prefix" />
</Input> </Input>
<br><br><br><br> <br><br><br><br>
<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="small" />
<br>
<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" /> <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" />
<br>
<Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="large" />
<br><br> <br><br>
<Input v-model="value" search style="width: 300px" @on-search="hs" /> <Input v-model="value" search style="width: 300px" @on-search="hs" />
<br><br> <br><br>

16
src/styles/components/input.less
View file

@ -113,6 +113,10 @@
position: relative; position: relative;
z-index: 2; z-index: 2;
i{
font-size: 16px;
}
&:hover{ &:hover{
background: tint(@primary-color, 20%) !important; background: tint(@primary-color, 20%) !important;
border-color: tint(@primary-color, 20%) !important; border-color: tint(@primary-color, 20%) !important;
@ -141,6 +145,18 @@
background: inherit; background: inherit;
} }
} }
&-wrapper-small &-search{
padding: 0 12px !important;
i{
font-size: 14px;
}
}
&-wrapper-large &-search{
padding: 0 20px !important;
i{
font-size: 18px;
}
}
&-with-search{ &-with-search{
&:hover{ &:hover{
.@{input-prefix-cls} { .@{input-prefix-cls} {