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-12 15:34:34 +08:00
parent df6bf15242
commit 65f915c660
2 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/routers/button.vue
View file

@ -79,10 +79,14 @@
<Button type="primary" icon="ios-information-circle" size="default">Search</Button> <Button type="primary" icon="ios-information-circle" size="default">Search</Button>
<Button type="primary" icon="ios-information-circle" size="large">Search</Button> <Button type="primary" icon="ios-information-circle" size="large">Search</Button>
<br><br><br> <br><br><br>
<Button to="/menu" @click="hc">Open Menu</Button> <Button @click="hc">Open Menu2</Button>
<Button to="/menu" @click="hc">Open Menu2</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>
<hr> <hr>
<Button @click="hc">链接按钮</Button>
<Button to="/menu" @click="hc">链接按钮</Button>
<hr>
<Icon custom="i-icon i-icon-search" /> <Icon custom="i-icon i-icon-search" />
<Icon custom="i-icon i-icon-video" size="24" color="#ff6600" /> <Icon custom="i-icon i-icon-video" size="24" color="#ff6600" />
<Icon custom="i-icon i-icon-time" /> <Icon custom="i-icon i-icon-time" />

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

@ -188,3 +188,15 @@
color: fade(#000, 25%); color: fade(#000, 25%);
} }
} }
a.@{btn-prefix-cls} {
padding-top: 0.1px;
line-height: @btn-height-base - 2px;
&-large {
line-height: @btn-height-large - 2px;
}
&-small {
line-height: @btn-height-small - 2px;
}
}