Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
0d37cfb2
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
0d37cfb2
编写于
11月 10, 2014
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* enhanced messager.
上级
075615b0
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
128 addition
and
73 deletion
+128
-73
src/js/messager.js
src/js/messager.js
+106
-62
src/less/modules/messager.less
src/less/modules/messager.less
+22
-11
未找到文件。
src/js/messager.js
浏览文件 @
0d37cfb2
...
...
@@ -11,88 +11,132 @@
'
use strict
'
;
var
id
=
0
;
var
template
=
'
<div class="messager messager-{type} {placement}" id="messager{id}" style="display:none"><div class="messager-content">{message}</div><button class="close-messager">×</button></div>
'
;
function
Messager
()
var
template
=
'
<div class="messager messager-{type} {placement}" id="messager{id}" style="display:none"><div class="messager-content"></div><div class="messager-actions"><button type="button" class="close action">×</button></div></div>
'
;
var
defaultOptions
=
{
type
:
'
default
'
,
placement
:
'
top
'
,
time
:
4000
,
parent
:
'
body
'
,
// clear: false,
icon
:
null
,
close
:
true
,
fade
:
true
,
scale
:
true
};
var
lastMessager
;
var
Messager
=
function
(
message
,
options
)
{
this
.
show
=
function
(
message
,
type
,
placement
,
time
,
parent
)
var
that
=
this
;
that
.
id
=
id
++
;
options
=
that
.
options
=
$
.
extend
({},
defaultOptions
,
options
);
that
.
message
=
(
options
.
icon
?
'
<i class="icon-
'
+
options
.
icon
+
'
icon"></i>
'
:
''
)
+
message
;
that
.
$
=
$
(
template
.
format
(
options
)).
toggleClass
(
'
fade
'
,
options
.
fade
).
toggleClass
(
'
scale
'
,
options
.
scale
).
attr
(
'
id
'
,
'
messager-
'
+
that
.
id
);
if
(
!
options
.
close
)
{
$
(
'
.messager
'
).
hide
();
id
++
;
type
=
type
||
'
default
'
;
time
=
time
||
2000
;
parent
=
parent
||
'
body
'
;
placement
=
placement
||
'
top
'
;
var
msg
=
$
(
template
.
format
(
{
message
:
message
,
type
:
type
,
placement
:
placement
,
id
:
id
})).
appendTo
(
parent
);
msg
.
find
(
'
.close-messager
'
).
click
(
function
()
that
.
$
.
find
(
'
.close
'
).
remove
();
}
else
{
that
.
$
.
on
(
'
click
'
,
'
.close
'
,
function
()
{
$
(
this
).
closest
(
'
.messager
'
).
fadeOut
();
that
.
hide
();
});
}
if
(
placement
==
'
top
'
||
placement
==
'
bottom
'
)
{
msg
.
css
(
'
left
'
,
(
$
(
parent
).
width
()
-
msg
.
width
()
-
50
)
/
2
);
}
that
.
$
.
find
(
'
.messager-content
'
).
html
(
that
.
message
);
msg
.
fadeIn
();
setTimeout
(
function
()
{
$
(
'
#messager
'
+
id
).
fadeOut
(
function
()
{
$
(
this
).
remove
();
});
},
time
);
that
.
$
.
data
(
'
zui.messager
'
,
that
);
};
return
msg
;
};
Messager
.
prototype
.
show
=
function
()
{
var
that
=
this
,
options
=
this
.
options
;
this
.
primary
=
function
(
message
,
placement
,
time
,
parent
)
{
return
this
.
show
(
message
,
'
primary
'
,
placement
,
time
,
parent
);
};
if
(
lastMessager
&&
lastMessager
.
isShow
)
lastMessager
.
hide
();
this
.
success
=
function
(
message
,
placement
,
time
,
parent
)
{
return
this
.
show
(
'
<i class="icon-ok-sign icon"></i>
'
+
message
,
'
success
'
,
placement
,
time
,
parent
);
};
that
.
$
.
appendTo
(
options
.
parent
).
show
();
this
.
info
=
function
(
message
,
placement
,
time
,
parent
)
if
(
options
.
placement
===
'
top
'
||
options
.
placement
===
'
bottom
'
)
{
return
this
.
show
(
'
<i class="icon-info-sign icon"></i>
'
+
message
,
'
info
'
,
placement
,
time
,
parent
);
}
;
that
.
$
.
css
(
'
left
'
,
(
$
(
options
.
parent
).
width
()
-
that
.
$
.
width
()
-
50
)
/
2
);
}
this
.
warning
=
function
(
message
,
placement
,
time
,
parent
)
{
return
this
.
show
(
'
<i class="icon-warning-sign icon"></i>
'
+
message
,
'
warning
'
,
placement
,
time
,
parent
);
};
that
.
$
.
addClass
(
'
in
'
);
this
.
danger
=
function
(
message
,
placement
,
time
,
parent
)
if
(
options
.
time
)
{
return
this
.
show
(
'
<i class="icon-exclamation-sign icon"></i>
'
+
message
,
'
danger
'
,
placement
,
time
,
parent
);
}
;
setTimeout
(
function
(){
that
.
hide
();},
options
.
time
);
}
this
.
important
=
function
(
message
,
placement
,
time
,
parent
)
{
return
this
.
show
(
message
,
'
important
'
,
placement
,
time
,
parent
);
};
that
.
isShow
=
true
;
lastMessager
=
that
;
};
this
.
special
=
function
(
message
,
placement
,
time
,
parent
)
Messager
.
prototype
.
hide
=
function
()
{
var
that
=
this
;
if
(
that
.
$
.
hasClass
(
'
in
'
))
{
return
this
.
show
(
message
,
'
special
'
,
placement
,
time
,
parent
);
}
;
}
that
.
$
.
removeClass
(
'
in
'
);
setTimeout
(
function
(){
that
.
$
.
remove
();},
200
)
;
}
var
messager
=
new
Messager
();
that
.
isShow
=
false
;
};
window
.
messager
=
messager
;
$
.
Messager
=
Messager
;
if
(
!
window
.
Messager
)
window
.
Messager
=
Messager
;
$
.
showMessage
=
function
(
message
,
options
)
{
if
(
typeof
options
===
'
string
'
)
{
options
=
{
type
:
options
};
}
var
msg
=
new
Messager
(
message
,
options
);
msg
.
show
();
};
var
getOptions
=
function
(
options
)
{
return
(
typeof
options
===
'
string
'
)
?
{
placement
:
options
}
:
options
;
};
$
.
messager
=
{
primary
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
primary
'
},
getOptions
(
options
)));
},
success
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
success
'
,
icon
:
'
ok-sign
'
},
getOptions
(
options
)));
},
info
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
info
'
,
icon
:
'
info-sign
'
},
getOptions
(
options
)));
},
warning
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
warning
'
,
icon
:
'
warning-sign
'
},
getOptions
(
options
)));
},
danger
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
danger
'
,
icon
:
'
exclamation-sign
'
},
getOptions
(
options
)));
},
important
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
important
'
},
getOptions
(
options
)));
},
special
:
function
(
message
,
options
)
{
$
.
showMessage
(
message
,
$
.
extend
({
type
:
'
special
'
},
getOptions
(
options
)));
}
};
if
(
!
window
.
messager
)
window
.
messager
=
$
.
messager
;
}(
jQuery
,
window
));
src/less/modules/messager.less
浏览文件 @
0d37cfb2
...
...
@@ -55,20 +55,31 @@
}
}
.
close-messager
.
messager-actions
{
position: absolute;
right: 10px;
top: 5px;
background: none;
border: none;
color: #fafafa;
color: rgba(255, 255, 255, 0.6);
font-size: 20px;
&:hover
right: 15px;
top: 10px;
> .action
{
color: #fff;
color: #fafafa;
color: rgba(255, 255, 255, 0.6);
background: none;
border: none;
text-shadow: none;
&.close
{
opacity: 1;
font-size: 20px;
font-weight: normal;
}
&:hover
{
color: #fff;
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录