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> <template>
<div style="width: 300px;"> <div style="width: 300px;">
<i-input v-model="value11">
</i-input>
<i-input v-model="value11" icon="ios-clock-outline"> <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> </i-input>
</div> </div>
</template> </template>

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

@ -118,7 +118,8 @@
[`${prefixCls}-wrapper-${this.size}`]: !!this.size, [`${prefixCls}-wrapper-${this.size}`]: !!this.size,
[`${prefixCls}-type`]: this.type, [`${prefixCls}-type`]: this.type,
[`${prefixCls}-group`]: this.prepend || this.append, [`${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; right: 0;
z-index: 3; z-index: 3;
} }
&-hide-icon &-icon{
display: none;
}
&-icon-validate{ &-icon-validate{
display: none; display: none;
} }
@ -26,6 +29,10 @@
&-icon-normal + &{ &-icon-normal + &{
padding-right: 32px; padding-right: 32px;
} }
// #554
&-hide-icon &-icon-normal + &{
padding-right: @input-padding-horizontal;
}
&-wrapper-large &-icon{ &-wrapper-large &-icon{
font-size: 18px; font-size: 18px;