update Select
This commit is contained in:
parent
7401ec352a
commit
b12fa3968a
2 changed files with 14 additions and 7 deletions
|
@ -1,7 +1,13 @@
|
|||
<template>
|
||||
<Select v-model="model10" multiple style="width:260px">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
<div>
|
||||
<Select v-model="model1" style="width:200px">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
|
||||
<Select v-model="model2" multiple style="width:200px">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
@ -33,7 +39,8 @@
|
|||
label: 'Canberra'
|
||||
}
|
||||
],
|
||||
model10: []
|
||||
model1: '',
|
||||
model2: []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -31,12 +31,12 @@
|
|||
}
|
||||
|
||||
&-selected ,&-selected:hover{
|
||||
color: #fff;
|
||||
background: @selected-color;
|
||||
color: @primary-color;
|
||||
//background: @selected-color;
|
||||
}
|
||||
|
||||
&-selected&-focus {
|
||||
background: shade(@selected-color, 10%);
|
||||
//background: shade(@selected-color, 10%);
|
||||
}
|
||||
|
||||
&-divided{
|
||||
|
|
Loading…
Add table
Reference in a new issue