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

fixed #397

Browse source
This commit is contained in:
梁灏 2017-04-01 13:25:47 +08:00
parent f4e462c051
commit e2affe49cf
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/routers/input.vue
View file

@ -1,7 +1,5 @@
<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">.com</span> <span slot="prepend">.com</span>
</i-input> </i-input>

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

@ -119,6 +119,8 @@
[`${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}-group-with-prepend`]: this.prepend,
[`${prefixCls}-group-with-append`]: this.append,
[`${prefixCls}-hide-icon`]: this.append // #554 [`${prefixCls}-hide-icon`]: this.append // #554
} }
]; ];

14
src/styles/mixins/input.less
View file

@ -124,9 +124,17 @@
> .@{inputClass} { > .@{inputClass} {
display: table-cell; display: table-cell;
&:not(:first-child):not(:last-child) { //&:not(:first-child):not(:last-child) {
border-radius: 0; // border-radius: 0;
} //}
}
&-with-prepend .@{inputClass} {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&-with-append .@{inputClass} {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
&-prepend .@{css-prefix}btn, &-prepend .@{css-prefix}btn,