Commit b12fa3968a6b77c6454b4b291e8d850fe5612fdf
1 parent
7401ec35
update Select
Showing
2 changed files
with
14 additions
and
7 deletions
Show diff stats
examples/routers/select.vue
1 | 1 | <template> |
2 | - <Select v-model="model10" multiple style="width:260px"> | |
3 | - <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> | |
4 | - </Select> | |
2 | + <div> | |
3 | + <Select v-model="model1" style="width:200px"> | |
4 | + <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> | |
5 | + </Select> | |
6 | + | |
7 | + <Select v-model="model2" multiple style="width:200px"> | |
8 | + <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> | |
9 | + </Select> | |
10 | + </div> | |
5 | 11 | </template> |
6 | 12 | <script> |
7 | 13 | export default { |
... | ... | @@ -33,7 +39,8 @@ |
33 | 39 | label: 'Canberra' |
34 | 40 | } |
35 | 41 | ], |
36 | - model10: [] | |
42 | + model1: '', | |
43 | + model2: [] | |
37 | 44 | } |
38 | 45 | } |
39 | 46 | } | ... | ... |
src/styles/mixins/select.less
... | ... | @@ -31,12 +31,12 @@ |
31 | 31 | } |
32 | 32 | |
33 | 33 | &-selected ,&-selected:hover{ |
34 | - color: #fff; | |
35 | - background: @selected-color; | |
34 | + color: @primary-color; | |
35 | + //background: @selected-color; | |
36 | 36 | } |
37 | 37 | |
38 | 38 | &-selected&-focus { |
39 | - background: shade(@selected-color, 10%); | |
39 | + //background: shade(@selected-color, 10%); | |
40 | 40 | } |
41 | 41 | |
42 | 42 | &-divided{ | ... | ... |