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

update Button style

Browse source
This commit is contained in:
梁灏 2019-09-23 11:15:02 +08:00
parent 07bde2f56d
commit e7d359c80f
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/routers/button.vue
View file

@ -81,6 +81,8 @@
<Button type="primary" to="/" size="small">普通按钮</Button> <Button type="primary" to="/" size="small">普通按钮</Button>
<Button type="primary" size="large">普通按钮</Button> <Button type="primary" size="large">普通按钮</Button>
<Button type="primary" to="/" size="large">普通按钮</Button> <Button type="primary" to="/" size="large">普通按钮</Button>
<Button type="primary" size="large" shape="circle">普通按钮</Button>
<Button type="primary" to="/" size="large" shape="circle">普通按钮</Button>
<br><br><br> <br><br><br>
<Button type="primary" icon="ios-information-circle" size="small">Search</Button> <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="default">Search</Button>

6
src/styles/components/button.less
View file

@ -191,12 +191,12 @@
a.@{btn-prefix-cls} { a.@{btn-prefix-cls} {
padding-top: 0.1px; padding-top: 0.1px;
line-height: @btn-height-base - 4px; line-height: @btn-height-base - 2px;
&-large { &-large {
line-height: @btn-height-large - 4px; line-height: @btn-height-large - 2px;
} }
&-small { &-small {
line-height: @btn-height-small - 4px; line-height: @btn-height-small - 2px;
} }
} }

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

@ -185,15 +185,16 @@
> .@{css-prefix-iconfont} { > .@{css-prefix-iconfont} {
line-height: @line-height-base; line-height: @line-height-base;
vertical-align: middle; //vertical-align: middle;
} }
&-icon-only&-circle > .@{css-prefix-iconfont}{ &-icon-only&-circle > .@{css-prefix-iconfont}{
vertical-align: baseline; vertical-align: baseline;
} }
> span{ > span, > i{
vertical-align: middle; display: inline-block;
//vertical-align: middle;
} }
&, &,