Commit b12fa3968a6b77c6454b4b291e8d850fe5612fdf

Authored by 梁灏
1 parent 7401ec35

update Select

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{