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