drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Select style

Browse source
This commit is contained in:
梁灏 2019-09-14 18:12:52 +08:00
parent 13279cdddc
commit 24d511af08
2 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
examples/routers/select.vue
View file

@ -65,6 +65,16 @@
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select> </Select>
<Divider></Divider> <Divider></Divider>
<Select v-model="model31" filterable size="small" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
<Select v-model="model31" filterable style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
<Select v-model="model31" filterable size="large" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
<Divider></Divider>
<Select v-model="model34" multiple size="small" style="width:200px"> <Select v-model="model34" multiple size="small" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select> </Select>
@ -74,6 +84,16 @@
<Select v-model="model34" multiple size="large" style="width:200px"> <Select v-model="model34" multiple size="large" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option> <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select> </Select>
<Divider></Divider>
<Select v-model="model34" filterable multiple size="small" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
<Select v-model="model34" filterable multiple style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
<Select v-model="model34" filterable multiple size="large" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</div> </div>
</template> </template>
<script> <script>

14
src/styles/components/select.less
View file

@ -174,12 +174,12 @@
width: 100%; width: 100%;
} }
&-large &-input{ &-large &-input, &-large&-multiple &-input{
font-size: @font-size-large; font-size: @font-size-large;
height: @input-height-large; height: @input-height-large - 2px;
} }
&-small &-input{ &-small &-input, &-small&-multiple &-input{
height: @input-height-small - 2px; height: @input-height-small - 2px;
line-height: @input-height-small - 2px; line-height: @input-height-small - 2px;
} }
@ -224,18 +224,18 @@
} }
&-large&-multiple .@{css-prefix}tag{ &-large&-multiple .@{css-prefix}tag{
height: 28px; height: 32px;
line-height: 26px; line-height: 30px;
font-size: @font-size-large; font-size: @font-size-large;
i{ i{
top: 6px; top: 9px;
} }
} }
&-small&-multiple .@{css-prefix}tag{ &-small&-multiple .@{css-prefix}tag{
height: 17px; height: 17px;
line-height: 15px; line-height: 15px;
font-size: @font-size-base; font-size: @font-size-small;
padding: 0 6px; padding: 0 6px;
margin: 3px 4px 2px 0; margin: 3px 4px 2px 0;
span{ span{