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

update styles

Browse source
This commit is contained in:
Aresn 2017-05-26 17:29:58 +08:00
parent 67a87e8d8b
commit df64fd36bd
3 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/routers/notice.vue
View file

@ -14,7 +14,7 @@
mounted () { mounted () {
this.$Notice.config({ this.$Notice.config({
top: 150, top: 150,
duration: 3 duration: 30
}); });
} }
} }

4
src/styles/components/notice.less
View file

@ -50,6 +50,7 @@
white-space: nowrap; white-space: nowrap;
} }
&-with-desc &-title{ &-with-desc &-title{
font-weight: bold;
margin-bottom: 8px; margin-bottom: 8px;
} }
&-with-desc&-with-icon &-title{ &-with-desc&-with-icon &-title{
@ -58,7 +59,8 @@
&-desc { &-desc {
font-size: 12px; font-size: 12px;
color: @legend-color; //color: @legend-color;
color: @text-color;
text-align: justify; text-align: justify;
line-height: 1.5; line-height: 1.5;
} }

24
src/styles/custom.less
View file

@ -3,25 +3,25 @@
@css-prefix-iconfont : ivu-icon; @css-prefix-iconfont : ivu-icon;
// Color // Color
@primary-color : #3399ff; @primary-color : #2d8cf0;
@info-color : #2db7f5; @info-color : #2db7f5;
@success-color : #00cc66; @success-color : #19be6b;
@warning-color : #ff9900; @warning-color : #ff9900;
@error-color : #ff3300; @error-color : #ed3f14;
@link-color : #3399ff; @link-color : #2D8cF0;
@link-hover-color : tint(@link-color, 20%); @link-hover-color : tint(@link-color, 20%);
@link-active-color : shade(@link-color, 5%); @link-active-color : shade(@link-color, 5%);
@selected-color : fade(@primary-color, 90%); @selected-color : fade(@primary-color, 90%);
@tooltip-color : #fff; @tooltip-color : #fff;
@subsidiary-color : #9ea7b4; @subsidiary-color : #80848f;
@rate-star-color : #f5a623; @rate-star-color : #f5a623;
// Base // Base
@body-background : #fff; @body-background : #fff;
@font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
@code-family : Consolas,Menlo,Courier,monospace; @code-family : Consolas,Menlo,Courier,monospace;
@title-color : #464c5b; @title-color : #1c2438;
@text-color : #657180; @text-color : #495060;
@font-size-base : 14px; @font-size-base : 14px;
@font-size-small : 12px; @font-size-small : 12px;
@line-height-base : 1.5; @line-height-base : 1.5;
@ -31,16 +31,16 @@
@cursor-disabled : not-allowed; @cursor-disabled : not-allowed;
// Border color // Border color
@border-color-base : #d7dde4; // outside @border-color-base : #dddee1; // outside
@border-color-split : #e3e8ee; // inside @border-color-split : #e9eaec; // inside
// Background color // Background color
@background-color-base : #f7f7f7; // base @background-color-base : #f7f7f7; // base
@background-color-select-hover: @input-disabled-bg; @background-color-select-hover: @input-disabled-bg;
@tooltip-bg : rgba(70, 76, 91, .9); @tooltip-bg : rgba(70, 76, 91, .9);
@head-bg : #f9fafc; @head-bg : #f9fafc;
@table-thead-bg : #f5f7f9; @table-thead-bg : #f8f8f9;
@table-td-stripe-bg : #f5f7f9; @table-td-stripe-bg : #f8f8f9;
@table-td-hover-bg : #ebf7ff; @table-td-hover-bg : #ebf7ff;
@table-td-highlight-bg : #ebf7ff; @table-td-highlight-bg : #ebf7ff;
@menu-dark-active-bg : #313540; @menu-dark-active-bg : #313540;
@ -66,7 +66,7 @@
@btn-border-radius-small: 3px; @btn-border-radius-small: 3px;
@btn-group-border : shade(@primary-color, 5%); @btn-group-border : shade(@primary-color, 5%);
@btn-disable-color : #c3cbd6; @btn-disable-color : #bbbec4;
@btn-disable-bg : @background-color-base; @btn-disable-bg : @background-color-base;
@btn-disable-border : @border-color-base; @btn-disable-border : @border-color-base;