fixed #554

examples/routers/input.vue

@@ -1,13 +1,20 @@
 <template>
-    <div>
+    <div style="width: 300px;">
-        <Input v-model="value" placeholder="请输入..." style="width: 150px" icon="ios-clock-outline"></Input>
+        <i-input v-model="value11" icon="ios-clock-outline">
+            <span slot="prepend">http://</span>
+        </i-input>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value: ''
+                value11: '',
+                value12: '',
+                value13: '',
+                select1: 'http',
+                select2: 'com',
+                select3: 'day'
             }
         }
     }

src/components/input/input.vue

@@ -1,7 +1,7 @@
 <template>
     <div :class="wrapClasses">
         <template v-if="type !== 'textarea'">
-            <div :class="[prefixCls + '-group-prepend']" v-if="prepend" v-show="slotReady" ref="prepend"><slot name="prepend"></slot></div>
+            <div :class="[prefixCls + '-group-prepend']" v-if="prepend" v-show="slotReady"><slot name="prepend"></slot></div>
             <i class="ivu-icon" :class="['ivu-icon-' + icon, prefixCls + '-icon', prefixCls + '-icon-normal']" v-if="icon" @click="handleIconClick"></i>
             <transition name="fade">
                 <i class="ivu-icon ivu-icon-load-c ivu-load-loop" :class="[prefixCls + '-icon', prefixCls + '-icon-validate']" v-if="!icon"></i>
@@ -21,7 +21,7 @@
                 @blur="handleBlur"
                 @input="handleInput"
                 @change="handleChange">
-            <div :class="[prefixCls + '-group-append']" v-if="append" v-show="slotReady" ref="append"><slot name="append"></slot></div>
+            <div :class="[prefixCls + '-group-append']" v-if="append" v-show="slotReady"><slot name="append"></slot></div>
         </template>
         <textarea
             v-else

src/styles/components/input.less

@@ -17,7 +17,7 @@
         color: @subsidiary-color;
         position: absolute;
         right: 0;
-        z-index: 1;
+        z-index: 3;
     }
     &-icon-validate{
         display: none;