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

update Button Icon style

Browse source
This commit is contained in:
梁灏 2018-06-26 10:50:47 +08:00
parent a61acfdcb7
commit bfeab68fc2
2 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/routers/button.vue
View file

@ -1,5 +1,9 @@
<template> <template>
<div> <div>
<Button type="primary" icon="ios-information-circle" size="small">Search</Button>
<Button type="primary" icon="ios-information-circle" size="default">Search</Button>
<Button type="primary" icon="ios-information-circle" size="large">Search</Button>
<br><br><br>
<Button to="/menu" @click="hc">Open Menu</Button> <Button to="/menu" @click="hc">Open Menu</Button>
<Button to="/menu" replace>Open Menu Replace</Button> <Button to="/menu" replace>Open Menu Replace</Button>
<Button to="//iviewui.com" target="_blank">Open iView</Button> <Button to="//iviewui.com" target="_blank">Open iView</Button>

9
src/styles/mixins/button.less
View file

@ -139,6 +139,15 @@
> .@{css-prefix-iconfont} { > .@{css-prefix-iconfont} {
line-height: 1; line-height: 1;
vertical-align: middle;
}
&-icon-only > .@{css-prefix-iconfont}{
vertical-align: baseline;
}
> span{
vertical-align: middle;
} }
&, &,