update Input textarea style

梁灏
1 parent 11867c87
Showing 3 changed files with 7 additions and 20 deletions Show diff stats
examples/routers/input.vue
src/styles/common/normalize.less
src/styles/mixins/input.less
 <template>
-    <div style="width: 100px;">
-        <Input autocomplete="on" v-model="value1" size="large" placeholder="large size"></Input>
-        <br>
-        <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 style="width: 300px">
+        <Input v-model="value7" type="textarea" :autosize="true" placeholder="Enter something..."></Input>
+        <Input v-model="value8" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="Enter something..."></Input>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value1: '',
-                value2: '',
-                value3: '',
-                obj: {
-
-                }
+                value7: '',
+                value8: ''
             }
         }
     }
@@ -358,6 +358,7 @@ progress {
  
 textarea {
   overflow: auto;
+  resize: vertical;
 }
  
 /**
@@ -72,6 +72,7 @@
     textarea& {
         max-width: 100%;
         height: auto;
+        min-height: @input-height-base;
         vertical-align: bottom;
         font-size: @font-size-base;
     }