other / mew-iview

Commit df64fd36bdfbaa3e3475478e3ed554777d3c9ea1

Authored by Aresn
1 parent 67a87e8d

update styles

Showing 3 changed files with 16 additions and 14 deletions   Show diff stats
Inline Side-by-side
examples/routers/notice.vue
  Show/Hide comments   View file @df64fd3
... ... @@ -14,7 +14,7 @@
14 14 mounted () {
15 15 this.$Notice.config({
16 16 top: 150,
17   - duration: 3
  17 + duration: 30
18 18 });
19 19 }
20 20 }
... ...
src/styles/components/notice.less
  Show/Hide comments   View file @df64fd3
... ... @@ -50,6 +50,7 @@
50 50 white-space: nowrap;
51 51 }
52 52 &-with-desc &-title{
  53 + font-weight: bold;
53 54 margin-bottom: 8px;
54 55 }
55 56 &-with-desc&-with-icon &-title{
... ... @@ -58,7 +59,8 @@
58 59  
59 60 &-desc {
60 61 font-size: 12px;
61   - color: @legend-color;
  62 + //color: @legend-color;
  63 + color: @text-color;
62 64 text-align: justify;
63 65 line-height: 1.5;
64 66 }
... ...
src/styles/custom.less
  Show/Hide comments   View file @df64fd3
... ... @@ -3,25 +3,25 @@
3 3 @css-prefix-iconfont : ivu-icon;
4 4  
5 5 // Color
6   -@primary-color : #3399ff;
  6 +@primary-color : #2d8cf0;
7 7 @info-color : #2db7f5;
8   -@success-color : #00cc66;
  8 +@success-color : #19be6b;
9 9 @warning-color : #ff9900;
10   -@error-color : #ff3300;
11   -@link-color : #3399ff;
  10 +@error-color : #ed3f14;
  11 +@link-color : #2D8cF0;
12 12 @link-hover-color : tint(@link-color, 20%);
13 13 @link-active-color : shade(@link-color, 5%);
14 14 @selected-color : fade(@primary-color, 90%);
15 15 @tooltip-color : #fff;
16   -@subsidiary-color : #9ea7b4;
  16 +@subsidiary-color : #80848f;
17 17 @rate-star-color : #f5a623;
18 18  
19 19 // Base
20 20 @body-background : #fff;
21 21 @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
22 22 @code-family : Consolas,Menlo,Courier,monospace;
23   -@title-color : #464c5b;
24   -@text-color : #657180;
  23 +@title-color : #1c2438;
  24 +@text-color : #495060;
25 25 @font-size-base : 14px;
26 26 @font-size-small : 12px;
27 27 @line-height-base : 1.5;
... ... @@ -31,16 +31,16 @@
31 31 @cursor-disabled : not-allowed;
32 32  
33 33 // Border color
34   -@border-color-base : #d7dde4; // outside
35   -@border-color-split : #e3e8ee; // inside
  34 +@border-color-base : #dddee1; // outside
  35 +@border-color-split : #e9eaec; // inside
36 36  
37 37 // Background color
38 38 @background-color-base : #f7f7f7; // base
39 39 @background-color-select-hover: @input-disabled-bg;
40 40 @tooltip-bg : rgba(70, 76, 91, .9);
41 41 @head-bg : #f9fafc;
42   -@table-thead-bg : #f5f7f9;
43   -@table-td-stripe-bg : #f5f7f9;
  42 +@table-thead-bg : #f8f8f9;
  43 +@table-td-stripe-bg : #f8f8f9;
44 44 @table-td-hover-bg : #ebf7ff;
45 45 @table-td-highlight-bg : #ebf7ff;
46 46 @menu-dark-active-bg : #313540;
... ... @@ -66,7 +66,7 @@
66 66 @btn-border-radius-small: 3px;
67 67 @btn-group-border : shade(@primary-color, 5%);
68 68  
69   -@btn-disable-color : #c3cbd6;
  69 +@btn-disable-color : #bbbec4;
70 70 @btn-disable-bg : @background-color-base;
71 71 @btn-disable-border : @border-color-base;
72 72  
... ...