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

#554

Browse source
This commit is contained in:
梁灏 2017-04-01 12:48:45 +08:00
parent 319f5f866f
commit f4e462c051
3 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
examples/routers/input.vue
View file

@ -1,7 +1,12 @@
<template>
<div style="width: 300px;">
<i-input v-model="value11">
</i-input>
<i-input v-model="value11" icon="ios-clock-outline">
<span slot="prepend">http://</span>
<span slot="prepend">.com</span>
</i-input>
<i-input v-model="value11" icon="ios-clock-outline">
<span slot="append">.com</span>
</i-input>
</div>
</template>

3
src/components/input/input.vue
View file

@ -118,7 +118,8 @@
[`${prefixCls}-wrapper-${this.size}`]: !!this.size,
[`${prefixCls}-type`]: this.type,
[`${prefixCls}-group`]: this.prepend || this.append,
[`${prefixCls}-group-${this.size}`]: (this.prepend || this.append) && !!this.size
[`${prefixCls}-group-${this.size}`]: (this.prepend || this.append) && !!this.size,
[`${prefixCls}-hide-icon`]: this.append // #554
}
];
},

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

@ -19,6 +19,9 @@
right: 0;
z-index: 3;
}
&-hide-icon &-icon{
display: none;
}
&-icon-validate{
display: none;
}
@ -26,6 +29,10 @@
&-icon-normal + &{
padding-right: 32px;
}
// #554
&-hide-icon &-icon-normal + &{
padding-right: @input-padding-horizontal;
}
&-wrapper-large &-icon{
font-size: 18px;