Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
dea95571
Z
zui
项目概览
易企天创
/
zui
大约 1 年 前同步成功
通知
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,发现更多精彩内容 >>
提交
dea95571
编写于
8月 16, 2019
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* improve UI of modal, add handLinkInIframe and iframeStyle option to modal trigger.
上级
c9bbca9d
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
34 addition
and
4 deletion
+34
-4
src/js/modal.trigger.js
src/js/modal.trigger.js
+19
-2
src/less/modules/modals.less
src/less/modules/modals.less
+15
-2
未找到文件。
src/js/modal.trigger.js
浏览文件 @
dea95571
...
@@ -47,6 +47,8 @@
...
@@ -47,6 +47,8 @@
waittime
:
0
,
waittime
:
0
,
loadingIcon
:
'
icon-spinner-indicator
'
,
loadingIcon
:
'
icon-spinner-indicator
'
,
scrollInside
:
false
,
scrollInside
:
false
,
// handleLinkInIframe: false,
// iframeStyle: ''
// headerHeight: 'auto',
// headerHeight: 'auto',
};
};
...
@@ -167,7 +169,7 @@
...
@@ -167,7 +169,7 @@
if
(
options
.
type
===
'
iframe
'
)
$body
.
css
(
'
height
'
,
$dialog
.
height
()
-
$header
.
outerHeight
());
if
(
options
.
type
===
'
iframe
'
)
$body
.
css
(
'
height
'
,
$dialog
.
height
()
-
$header
.
outerHeight
());
}
}
that
.
ajustPosition
(
options
.
position
);
that
.
ajustPosition
(
options
.
position
);
$modal
.
removeClass
(
'
modal-loading
'
);
$modal
.
removeClass
(
'
modal-loading
'
)
.
removeClass
(
'
modal-updating
'
)
;
if
(
isShown
)
{
if
(
isShown
)
{
$body
.
removeClass
(
'
loading
'
);
$body
.
removeClass
(
'
loading
'
);
}
}
...
@@ -224,7 +226,7 @@
...
@@ -224,7 +226,7 @@
}
}
var
frame
=
document
.
getElementById
(
iframeName
);
var
frame
=
document
.
getElementById
(
iframeName
);
frame
.
onload
=
frame
.
onreadystatechange
=
function
()
{
frame
.
onload
=
frame
.
onreadystatechange
=
function
(
e
)
{
var
scrollInside
=
!!
options
.
scrollInside
;
var
scrollInside
=
!!
options
.
scrollInside
;
if
(
that
.
firstLoad
)
$modal
.
addClass
(
'
modal-loading
'
);
if
(
that
.
firstLoad
)
$modal
.
addClass
(
'
modal-loading
'
);
if
(
this
.
readyState
&&
this
.
readyState
!=
'
complete
'
)
return
;
if
(
this
.
readyState
&&
this
.
readyState
!=
'
complete
'
)
return
;
...
@@ -287,6 +289,18 @@
...
@@ -287,6 +289,18 @@
}
else
{
}
else
{
readyToShow
();
readyToShow
();
}
}
var
handleLinkInIframe
=
options
.
handleLinkInIframe
;
if
(
handleLinkInIframe
)
{
frame$
(
'
body
'
).
on
(
'
click
'
,
handleLinkInIframe
===
'
string
'
?
handleLinkInIframe
:
'
a[href]
'
,
function
()
{
if
(
$
(
this
).
is
(
'
[data-toggle="modal"]
'
))
return
;
$modal
.
addClass
(
'
modal-updating
'
);
});
}
if
(
options
.
iframeStyle
)
{
frame$
(
'
head
'
).
append
(
'
<style>
'
+
options
.
iframeStyle
+
'
</style>
'
);
}
}
catch
(
e
)
{
}
catch
(
e
)
{
readyToShow
();
readyToShow
();
}
}
...
@@ -401,6 +415,9 @@
...
@@ -401,6 +415,9 @@
var
getModal
=
function
(
modal
)
{
var
getModal
=
function
(
modal
)
{
if
(
!
modal
)
{
if
(
!
modal
)
{
modal
=
$
(
'
.modal.modal-trigger
'
);
modal
=
$
(
'
.modal.modal-trigger
'
);
if
(
!
modal
.
length
)
{
}
}
else
{
}
else
{
modal
=
$
(
modal
);
modal
=
$
(
modal
);
}
}
...
...
src/less/modules/modals.less
浏览文件 @
dea95571
...
@@ -46,9 +46,9 @@
...
@@ -46,9 +46,9 @@
> .loader { display: none; }
> .loader { display: none; }
&.modal-loading
&.modal-loading,
&.modal-updating
{
{
.modal-dialog { opacity: 0; }
.loader {
.loader {
position: absolute;
position: absolute;
display: block;
display: block;
...
@@ -61,6 +61,19 @@
...
@@ -61,6 +61,19 @@
margin-left: -40px;
margin-left: -40px;
}
}
}
}
&.modal-loading {
.modal-dialog {opacity: 0;}
}
&.modal-updating {
.modal-dialog {
opacity: 1;
}
.modal-body {opacity: 0;}
.loader {
color: #eee;
z-index: 1;
}
}
}
}
.modal-open .modal {
.modal-open .modal {
overflow-x: hidden;
overflow-x: hidden;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录