This commit is contained in:
Aresn 2017-06-15 14:36:27 +08:00
parent 4156eef829
commit d061790ff8
2 changed files with 18 additions and 17 deletions

View file

@ -1,24 +1,25 @@
<template> <template>
<div style="width: 300px;"> <div style="width: 100px;">
<i-input v-model="value11" icon="ios-clock-outline" :autofocus="autofocus"> <Input v-model="value1" size="large" placeholder="large size"></Input>
<span slot="prepend">.com</span> <br>
</i-input> <Input v-model="value2" placeholder="default size"></Input>
<i-input v-model="value11" icon="ios-clock-outline"> <br>
<span slot="append">.com</span> <Input v-model="value3" size="small" placeholder="small size"></Input>
</i-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>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
value11: '', value1: '',
value12: '', value2: '',
value13: '', value3: ''
select1: 'http',
select2: 'com',
select3: 'day',
autofocus: true
} }
} }
} }

View file

@ -45,9 +45,9 @@
height: @input-height-small; height: @input-height-small;
line-height: @input-height-small; line-height: @input-height-small;
+ .@{input-prefix-cls} { //+ .@{input-prefix-cls} {
padding-right: 24px; // padding-right: 24px;
} //}
} }
} }