impr:okLayx

master
bobi 2019-11-28 12:14:20 +08:00
parent f4f5962c37
commit 70503a6962
6 changed files with 2673 additions and 34 deletions

View File

@ -424,6 +424,10 @@
{
"title": "okAnimate",
"href": "pages/tripartite/okAnimate.html"
},
{
"title": "okLayx",
"href": "pages/tripartite/okLayx.html"
}
]
}

File diff suppressed because it is too large Load Diff

View File

@ -43,6 +43,7 @@ if (!Object.assign) {
"okNprogress": "okmodules/okNprogress",
"okSweetAlert2": "okmodules/okSweetAlert2",
"okHoliday": "okmodules/okHoliday",
"okLayx": "okmodules/okLayx",
};
var modulePath = Object.assign({
layer: "modules/layer",

File diff suppressed because one or more lines are too long

View File

@ -3,43 +3,53 @@
<head>
<meta charset="UTF-8">
<title>okLayx</title>
<link href="layx.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="../../css/oksub.css">
</head>
<body>
<button id="notice">Info</button>
<button id="notice2">Success</button>
<button id="notice3">Warning</button>
<button id="notice4">Error</button>
<button type="button" class="layui-btn" id="notice">Info</button>
<button type="button" class="layui-btn" id="notice2">Success</button>
<button type="button" class="layui-btn" id="notice3">Warning</button>
<button type="button" class="layui-btn" id="notice4">Error</button>
<script src="layx.min.js"></script>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script>
document.getElementById("notice").onclick = function () {
layx.notice({
title: '消息提示',
message: '我是消息提示消息提示消息提示消息提示'
layui.use(["code", "okLayx"], function () {
let code = layui.code;
let okLayx = layui.okLayx;
let $ = layui.jquery;
$("#notice").click(function () {
okLayx.notice({
title: "消息提示",
message: "我是消息提示消息提示消息提示消息提示"
});
});
}
document.getElementById("notice2").onclick = function () {
layx.notice({
title: '成功提示',
type: 'success',
message: '我是消息提示消息提示消息提示消息提示'
$("#notice2").click(function () {
okLayx.notice({
title: "成功提示",
type: "success",
message: "我是消息提示消息提示消息提示消息提示"
});
});
}
document.getElementById("notice3").onclick = function () {
layx.notice({
title: '警告提示',
type: 'warning',
message: '我是消息提示消息提示消息提示消息提示'
$("#notice3").click(function () {
okLayx.notice({
title: "警告提示",
type: "warning",
message: "我是消息提示消息提示消息提示消息提示"
});
});
}
document.getElementById("notice4").onclick = function () {
layx.notice({
title: '错误提示',
type: 'error',
message: '我是消息提示消息提示消息提示消息提示'
$("#notice4").click(function () {
okLayx.notice({
title: "错误提示",
type: "error",
message: "我是消息提示消息提示消息提示消息提示"
});
});
}
});
</script>
</body>
</html>