From 319f5f866f0f11f380abc05d8afee9f1f041ce2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Sat, 1 Apr 2017 12:28:32 +0800
Subject: [PATCH] fixed #554

---
 examples/routers/input.vue       | 13 ++++++++++---
 src/components/input/input.vue   |  4 ++--
 src/styles/components/input.less |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/examples/routers/input.vue b/examples/routers/input.vue
index 03c2d582..34cb49cb 100644
--- a/examples/routers/input.vue
+++ b/examples/routers/input.vue
@@ -1,13 +1,20 @@
 <template>
-    <div>
-        <Input v-model="value" placeholder="请输入..." style="width: 150px" icon="ios-clock-outline"></Input>
+    <div style="width: 300px;">
+        <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'
             }
         }
     }
diff --git a/src/components/input/input.vue b/src/components/input/input.vue
index 1e1ea8bd..ee5fdeb0 100644
--- a/src/components/input/input.vue
+++ b/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
diff --git a/src/styles/components/input.less b/src/styles/components/input.less
index 974acca6..d56b12ea 100644
--- a/src/styles/components/input.less
+++ b/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;