other / 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,7 +9,16 @@
9 <Button type="error">Error</Button> 9 <Button type="error">Error</Button>
10 <Button type="text">Text</Button> 10 <Button type="text">Text</Button>
11 <br><br><br> 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 <Button type="default" ghost>Default</Button> 22 <Button type="default" ghost>Default</Button>
14 <Button type="primary" ghost>Primary</Button> 23 <Button type="primary" ghost>Primary</Button>
15 <Button type="dashed" ghost>Dashed</Button> 24 <Button type="dashed" ghost>Dashed</Button>
@@ -18,6 +27,15 @@ @@ -18,6 +27,15 @@
18 <Button type="warning" ghost>Warning</Button> 27 <Button type="warning" ghost>Warning</Button>
19 <Button type="error" ghost>Error</Button> 28 <Button type="error" ghost>Error</Button>
20 <Button type="text" ghost>Text</Button> 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 </div> 39 </div>
22 <br><br><br> 40 <br><br><br>
23 <Button type="primary" icon="ios-information-circle" size="small">Search</Button> 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,4 +177,14 @@
177 background: fade(tint(@error-color, 95%), 50%); 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 }