Commit d061790ff848c4393a34aba3bc9c8f1ffcc0d9ef
1 parent
4156eef8
fixed #1174
Showing
2 changed files
with
18 additions
and
17 deletions
Show diff stats
examples/routers/input.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div style="width: 300px;"> | ||
| 3 | - <i-input v-model="value11" icon="ios-clock-outline" :autofocus="autofocus"> | ||
| 4 | - <span slot="prepend">.com</span> | ||
| 5 | - </i-input> | ||
| 6 | - <i-input v-model="value11" icon="ios-clock-outline"> | ||
| 7 | - <span slot="append">.com</span> | ||
| 8 | - </i-input> | 2 | + <div style="width: 100px;"> |
| 3 | + <Input v-model="value1" size="large" placeholder="large size"></Input> | ||
| 4 | + <br> | ||
| 5 | + <Input v-model="value2" placeholder="default size"></Input> | ||
| 6 | + <br> | ||
| 7 | + <Input v-model="value3" size="small" placeholder="small size"></Input> | ||
| 8 | + <br> | ||
| 9 | + <Input v-model="value1" size="large" placeholder="large size" icon="ios-clock-outline"></Input> | ||
| 10 | + <br> | ||
| 11 | + <Input v-model="value2" placeholder="default size" icon="ios-clock-outline"></Input> | ||
| 12 | + <br> | ||
| 13 | + <Input v-model="value3" size="small" placeholder="small size" icon="ios-clock-outline"></Input> | ||
| 9 | </div> | 14 | </div> |
| 10 | </template> | 15 | </template> |
| 11 | <script> | 16 | <script> |
| 12 | export default { | 17 | export default { |
| 13 | data () { | 18 | data () { |
| 14 | return { | 19 | return { |
| 15 | - value11: '', | ||
| 16 | - value12: '', | ||
| 17 | - value13: '', | ||
| 18 | - select1: 'http', | ||
| 19 | - select2: 'com', | ||
| 20 | - select3: 'day', | ||
| 21 | - autofocus: true | 20 | + value1: '', |
| 21 | + value2: '', | ||
| 22 | + value3: '' | ||
| 22 | } | 23 | } |
| 23 | } | 24 | } |
| 24 | } | 25 | } |
src/styles/components/input.less
| @@ -45,9 +45,9 @@ | @@ -45,9 +45,9 @@ | ||
| 45 | height: @input-height-small; | 45 | height: @input-height-small; |
| 46 | line-height: @input-height-small; | 46 | line-height: @input-height-small; |
| 47 | 47 | ||
| 48 | - + .@{input-prefix-cls} { | ||
| 49 | - padding-right: 24px; | ||
| 50 | - } | 48 | + //+ .@{input-prefix-cls} { |
| 49 | + // padding-right: 24px; | ||
| 50 | + //} | ||
| 51 | } | 51 | } |
| 52 | } | 52 | } |
| 53 | 53 |