add Message component
add Message component
This commit is contained in:
parent
c1cfacb2d4
commit
7c15ac9e31
27 changed files with 653 additions and 38 deletions
53
styles/components/message.less
Normal file
53
styles/components/message.less
Normal file
|
@ -0,0 +1,53 @@
|
|||
@message-prefix-cls: ~"@{css-prefix}message";
|
||||
@icon-prefix-cls: ~"@{css-prefix}icon";
|
||||
|
||||
.@{message-prefix-cls} {
|
||||
font-size: 12px;
|
||||
position: fixed;
|
||||
z-index: @zindex-message;
|
||||
width: 100%;
|
||||
top: 16px;
|
||||
left: 0;
|
||||
|
||||
&-notice {
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
&-notice-content {
|
||||
position: relative;
|
||||
right: 50%;
|
||||
padding: 8px 16px;
|
||||
border-radius: @border-radius-base;
|
||||
border: 1px solid @border-color-base;
|
||||
box-shadow: @shadow-base;
|
||||
background: #fff;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-success .@{icon-prefix-cls} {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
&-error .@{icon-prefix-cls} {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-warning .@{icon-prefix-cls} {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
&-info .@{icon-prefix-cls},
|
||||
&-loading .@{icon-prefix-cls} {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
.@{icon-prefix-cls} {
|
||||
margin-right: 8px;
|
||||
font-size: 14px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue