update Input textarea style

This commit is contained in:
梁灏 2018-01-23 10:14:56 +08:00
parent 11867c87a7
commit 076148112f
3 changed files with 7 additions and 20 deletions

View file

@ -1,30 +1,15 @@
<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: ''
}
}
}

View file

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

View file

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