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 | 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 | 14 | </div> |
10 | 15 | </template> |
11 | 16 | <script> |
12 | 17 | export default { |
13 | 18 | data () { |
14 | 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