Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
69c2a4c2
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
69c2a4c2
编写于
7月 11, 2015
作者:
玄
玄寂
提交者:
翰文
7月 11, 2015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: adjust coding style, delete useless less, modify md files.
上级
41244d83
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
48 addition
and
61 deletion
+48
-61
components/message/demo/costomTime.md
components/message/demo/costomTime.md
+22
-0
components/message/demo/error.md
components/message/demo/error.md
+1
-1
components/message/demo/info.md
components/message/demo/info.md
+3
-3
components/message/index.jsx
components/message/index.jsx
+21
-12
components/message/index.md
components/message/index.md
+1
-1
style/components/message.less
style/components/message.less
+0
-44
未找到文件。
components/message/demo/costomTime.md
0 → 100644
浏览文件 @
69c2a4c2
# 基本
-
order: 4
全局提示 - 操作成功提示,并自定义时长10s,默认时长2.5s
---
````
jsx
var
message
=
antd
.
message
;
var
success
=
function
(){
message
.
success
(
'
这是一条成功的提示,并将于10秒后消失
'
,
10
);
}
React
.
render
(
<
button
className
=
"ant-btn ant-btn-primary"
onClick
=
{
success
}
>
(自定义时长)显示成功提示
</
button
>,
document
.
getElementById
(
'
components-message-demo-costomtime
'
)
);
````
components/message/demo/error.md
浏览文件 @
69c2a4c2
...
...
@@ -2,7 +2,7 @@
-
order: 1
全局提示 - 操作
警告
全局提示 - 操作
失败
---
...
...
components/message/demo/info.md
浏览文件 @
69c2a4c2
...
...
@@ -2,7 +2,7 @@
-
order: 2
全局提示 -
需求帮助
全局提示 -
提醒
---
...
...
@@ -10,11 +10,11 @@
var
message
=
antd
.
message
;
var
info
=
function
(){
message
.
info
(
'
这是一条普通的提
示
'
);
message
.
info
(
'
这是一条普通的提
醒
'
);
}
React
.
render
(
<
button
className
=
"ant-btn ant-btn-primary"
onClick
=
{
info
}
>
显示普通提
示
</
button
>,
document
.
getElementById
(
'
components-message-demo-info
'
)
<
button
className
=
"ant-btn ant-btn-primary"
onClick
=
{
info
}
>
显示普通提
醒
</
button
>,
document
.
getElementById
(
'
components-message-demo-info
'
)
);
````
\ No newline at end of file
components/message/index.jsx
浏览文件 @
69c2a4c2
...
...
@@ -19,50 +19,59 @@ var getMessageInstance = function(){
module
.
exports
=
{
info
:
function
(
m
)
{
info
:
function
(
m
,
t
)
{
if
(
!
message
)
{
message
=
getMessageInstance
();
}
t
=
t
||
2.5
;
message
.
notice
({
key
:
'
simpleMessage
'
,
duration
:
2.5
,
duration
:
t
,
style
:
{
left
:
'
50%
'
},
content
:
<
div
className
=
'ant-message-custom-content'
><
i
className
=
'anticon anticon-info-circle ant-message-info'
></
i
><
span
>
{
m
}
</
span
></
div
>
content
:
<
div
className
=
'ant-message-custom-content'
>
<
i
className
=
'anticon anticon-info-circle ant-message-info'
></
i
>
<
span
>
{
m
}
</
span
>
</
div
>
});
},
success
:
function
(
m
)
{
success
:
function
(
m
,
t
)
{
if
(
!
message
)
{
message
=
getMessageInstance
();
}
t
=
t
||
2.5
;
message
.
notice
({
key
:
'
simpleMessage1
'
,
transitionName
:
'
move-up
'
,
duration
:
2.5
,
duration
:
t
,
style
:
{
left
:
'
50%
'
},
content
:
<
div
className
=
'ant-message-custom-content'
><
i
className
=
'anticon anticon-check-circle ant-message-success'
></
i
><
span
>
{
m
}
</
span
></
div
>
content
:
<
div
className
=
'ant-message-custom-content'
>
<
i
className
=
'anticon anticon-check-circle ant-message-success'
></
i
>
<
span
>
{
m
}
</
span
>
</
div
>
});
},
error
:
function
(
m
)
{
error
:
function
(
m
,
t
)
{
if
(
!
message
)
{
message
=
getMessageInstance
();
}
t
=
t
||
2.5
;
message
.
notice
({
key
:
'
simpleMessage2
'
,
transitionName
:
'
move-up
'
,
duration
:
2.5
,
duration
:
t
,
style
:
{
left
:
'
50%
'
},
content
:
<
div
className
=
'ant-message-custom-content'
><
i
className
=
'anticon anticon-exclamation-circle ant-message-error'
></
i
><
span
>
{
m
}
</
span
></
div
>
content
:
<
div
className
=
'ant-message-custom-content'
>
<
i
className
=
'anticon anticon-exclamation-circle ant-message-error'
></
i
>
<
span
>
{
m
}
</
span
>
</
div
>
});
}
};
components/message/index.md
浏览文件 @
69c2a4c2
...
...
@@ -2,7 +2,7 @@
-
category: Components
-
chinese: 全局提示
-
order:
3
-
order:
4
---
...
...
style/components/message.less
浏览文件 @
69c2a4c2
...
...
@@ -49,48 +49,4 @@
margin-right: 8px;
}
.fade-effect() {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
}
&-fade-enter {
opacity: 0;
.fade-effect();
animation-play-state: paused;
}
&-fade-leave {
.fade-effect();
animation-play-state: paused;
}
&-fade-enter&-fade-enter-active {
animation-name: rcNotificationFadeIn;
animation-play-state: running;
}
&-fade-leave&-fade-leave-active {
animation-name: rcDialogFadeOut;
animation-play-state: running;
}
@keyframes rcNotificationFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rcDialogFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录