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

update Button style

Browse source
This commit is contained in:
梁灏 2019-09-13 09:50:20 +08:00
parent 3ac9a3b629
commit 2c321f9d25
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
examples/routers/button.vue
View file

@ -74,6 +74,13 @@
<Button type="error" ghost disabled>Error</Button> <Button type="error" ghost disabled>Error</Button>
<Button type="text" ghost disabled>Text</Button> <Button type="text" ghost disabled>Text</Button>
</div> </div>
<Divider></Divider>
<Button type="primary">普通按钮</Button>
<Button type="primary" to="/">普通按钮</Button>
<Button type="primary" size="small">普通按钮</Button>
<Button type="primary" to="/" size="small">普通按钮</Button>
<Button type="primary" size="large">普通按钮</Button>
<Button type="primary" to="/" size="large">普通按钮</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 - 2px; line-height: @btn-height-base - 4px;
&-large { &-large {
line-height: @btn-height-large - 2px; line-height: @btn-height-large - 4px;
} }
&-small { &-small {
line-height: @btn-height-small - 2px; line-height: @btn-height-small - 4px;
} }
} }