fixed #397

梁灏
1 parent f4e462c0
Showing 3 changed files with 13 additions and 5 deletions Show diff stats
examples/routers/input.vue
src/components/input/input.vue
src/styles/mixins/input.less
 <template>
     <div style="width: 300px;">
-        <i-input v-model="value11">
-        </i-input>
         <i-input v-model="value11" icon="ios-clock-outline">
             <span slot="prepend">.com</span>
         </i-input>
@@ -119,6 +119,8 @@
                         [`${prefixCls}-type`]: this.type,
                         [`${prefixCls}-group`]: this.prepend || this.append,
                         [`${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
                     }
                 ];
@@ -124,9 +124,17 @@
     > .@{inputClass} {
         display: table-cell;
  
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0;
-        }
+        //&:not(:first-child):not(:last-child) {
+        //    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,