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 | <template> | 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 | </template> | 11 | </template> |
6 | <script> | 12 | <script> |
7 | export default { | 13 | export default { |
@@ -33,7 +39,8 @@ | @@ -33,7 +39,8 @@ | ||
33 | label: 'Canberra' | 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,12 +31,12 @@ | ||
31 | } | 31 | } |
32 | 32 | ||
33 | &-selected ,&-selected:hover{ | 33 | &-selected ,&-selected:hover{ |
34 | - color: #fff; | ||
35 | - background: @selected-color; | 34 | + color: @primary-color; |
35 | + //background: @selected-color; | ||
36 | } | 36 | } |
37 | 37 | ||
38 | &-selected&-focus { | 38 | &-selected&-focus { |
39 | - background: shade(@selected-color, 10%); | 39 | + //background: shade(@selected-color, 10%); |
40 | } | 40 | } |
41 | 41 | ||
42 | &-divided{ | 42 | &-divided{ |