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{ |