chenhaodong / mew-iview

Commit 877c7fd8708c29ebec75f24ffcb6955b5e2af428

Authored by 梁灏
1 parent dff75f8b

update Button disabled color

Showing 2 changed files with 29 additions and 1 deletions   Show diff stats
Inline Side-by-side
examples/routers/button.vue
  Show/Hide comments   View file @877c7fd
... ... @@ -9,7 +9,16 @@
9 9 <Button type="error">Error</Button>
10 10 <Button type="text">Text</Button>
11 11 <br><br><br>
12   - <div style="padding: 20px;background: #dddee1">
  12 + <Button type="default" disabled>Default</Button>
  13 + <Button type="primary" disabled>Primary</Button>
  14 + <Button type="dashed" disabled>Dashed</Button>
  15 + <Button type="info" disabled>Info</Button>
  16 + <Button type="success" disabled>Success</Button>
  17 + <Button type="warning" disabled>Warning</Button>
  18 + <Button type="error" disabled>Error</Button>
  19 + <Button type="text" disabled>Text</Button>
  20 + <br><br><br>
  21 + <div style="padding: 20px;background: rgb(190, 200, 200)">
13 22 <Button type="default" ghost>Default</Button>
14 23 <Button type="primary" ghost>Primary</Button>
15 24 <Button type="dashed" ghost>Dashed</Button>
... ... @@ -18,6 +27,15 @@
18 27 <Button type="warning" ghost>Warning</Button>
19 28 <Button type="error" ghost>Error</Button>
20 29 <Button type="text" ghost>Text</Button>
  30 + <br><br><br>
  31 + <Button type="default" ghost disabled>Default</Button>
  32 + <Button type="primary" ghost disabled>Primary</Button>
  33 + <Button type="dashed" ghost disabled>Dashed</Button>
  34 + <Button type="info" ghost disabled>Info</Button>
  35 + <Button type="success" ghost disabled>Success</Button>
  36 + <Button type="warning" ghost disabled>Warning</Button>
  37 + <Button type="error" ghost disabled>Error</Button>
  38 + <Button type="text" ghost disabled>Text</Button>
21 39 </div>
22 40 <br><br><br>
23 41 <Button type="primary" icon="ios-information-circle" size="small">Search</Button>
... ...
src/styles/components/button.less
  Show/Hide comments   View file @877c7fd
... ... @@ -177,4 +177,14 @@
177 177 background: fade(tint(@error-color, 95%), 50%);
178 178 }
179 179 }
  180 +
  181 + &-ghost&-default[disabled], &-ghost&-dashed[disabled], &-ghost&-primary[disabled], &-ghost&-info[disabled], &-ghost&-success[disabled], &-ghost&-warning[disabled], &-ghost&-error[disabled]{
  182 + background: transparent;
  183 + color: fade(#000, 25%);
  184 + border-color: @btn-disable-border;
  185 + }
  186 + &-ghost&-text[disabled]{
  187 + background: transparent;
  188 + color: fade(#000, 25%);
  189 + }
180 190 }
... ...