update Input textarea style
This commit is contained in:
parent
11867c87a7
commit
076148112f
3 changed files with 7 additions and 20 deletions
|
@ -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: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue