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

update Button disabled color

Browse source
This commit is contained in:
梁灏 2018-06-26 17:07:15 +08:00
parent dff75f8bcf
commit 877c7fd870
2 changed files with 29 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
examples/routers/button.vue
View file

@ -9,7 +9,16 @@
<Button type="error">Error</Button>
<Button type="text">Text</Button>
<br><br><br>
<div style="padding: 20px;background: #dddee1">
<Button type="default" disabled>Default</Button>
<Button type="primary" disabled>Primary</Button>
<Button type="dashed" disabled>Dashed</Button>
<Button type="info" disabled>Info</Button>
<Button type="success" disabled>Success</Button>
<Button type="warning" disabled>Warning</Button>
<Button type="error" disabled>Error</Button>
<Button type="text" disabled>Text</Button>
<br><br><br>
<div style="padding: 20px;background: rgb(190, 200, 200)">
<Button type="default" ghost>Default</Button>
<Button type="primary" ghost>Primary</Button>
<Button type="dashed" ghost>Dashed</Button>
@ -18,6 +27,15 @@
<Button type="warning" ghost>Warning</Button>
<Button type="error" ghost>Error</Button>
<Button type="text" ghost>Text</Button>
<br><br><br>
<Button type="default" ghost disabled>Default</Button>
<Button type="primary" ghost disabled>Primary</Button>
<Button type="dashed" ghost disabled>Dashed</Button>
<Button type="info" ghost disabled>Info</Button>
<Button type="success" ghost disabled>Success</Button>
<Button type="warning" ghost disabled>Warning</Button>
<Button type="error" ghost disabled>Error</Button>
<Button type="text" ghost disabled>Text</Button>
</div>
<br><br><br>
<Button type="primary" icon="ios-information-circle" size="small">Search</Button>

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

@ -177,4 +177,14 @@
background: fade(tint(@error-color, 95%), 50%);
}
}
&-ghost&-default[disabled], &-ghost&-dashed[disabled], &-ghost&-primary[disabled], &-ghost&-info[disabled], &-ghost&-success[disabled], &-ghost&-warning[disabled], &-ghost&-error[disabled]{
background: transparent;
color: fade(#000, 25%);
border-color: @btn-disable-border;
}
&-ghost&-text[disabled]{
background: transparent;
color: fade(#000, 25%);
}
}