#554

梁灏
1 parent 319f5f86
Showing 3 changed files with 15 additions and 2 deletions Show diff stats
examples/routers/input.vue
src/components/input/input.vue
src/styles/components/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>
         <i-input v-model="value11" icon="ios-clock-outline">
-            <span slot="prepend">http://</span>
+            <span slot="append">.com</span>
         </i-input>
     </div>
 </template>
@@ -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
                     }
                 ];
             },
@@ -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;