update Input textarea style

examples/routers/input.vue

@@ -1,30 +1,15 @@
 <template>
-    <div style="width: 100px;">
+    <div style="width: 300px">
-        <Input autocomplete="on" v-model="value1" size="large" placeholder="large size"></Input>
+        <Input v-model="value7" type="textarea" :autosize="true" placeholder="Enter something..."></Input>
-        <br>
+        <Input v-model="value8" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="Enter something..."></Input>
-        <Input v-model="value2" placeholder="default size"></Input>
-        <br>
-        <Input v-model="value3" size="small" placeholder="small size"></Input>
-        <br>
-        <Input v-model="value1" size="large" placeholder="large size" icon="ios-clock-outline"></Input>
-        <br>
-        <Input v-model="value2" placeholder="default size" icon="ios-clock-outline"></Input>
-        <br>
-        <Input v-model="value3" size="small" placeholder="small size" icon="ios-clock-outline"></Input>
-        <br>
-        <Input v-model="obj.test" type="textarea" autosize></Input>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value1: '',
+                value7: '',
-                value2: '',
+                value8: ''
-                value3: '',
-                obj: {
-
-                }
             }
         }
     }

src/styles/common/normalize.less

@@ -358,6 +358,7 @@ progress {
 
 textarea {
   overflow: auto;
+  resize: vertical;
 }
 
 /**

src/styles/mixins/input.less

@@ -72,6 +72,7 @@
     textarea& {
         max-width: 100%;
         height: auto;
+        min-height: @input-height-base;
         vertical-align: bottom;
         font-size: @font-size-base;
     }