2019-11-24 06:23:48 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>okLayx</title>
|
2019-11-28 04:14:20 +00:00
|
|
|
<link rel="stylesheet" href="../../css/oksub.css">
|
2019-11-24 06:23:48 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2019-11-28 04:14:20 +00:00
|
|
|
<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>
|
2019-11-24 06:23:48 +00:00
|
|
|
|
2019-11-28 04:14:20 +00:00
|
|
|
<!--js逻辑-->
|
|
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
2019-11-24 06:23:48 +00:00
|
|
|
<script>
|
2019-11-28 04:14:20 +00:00
|
|
|
layui.use(["code", "okLayx"], function () {
|
|
|
|
|
let code = layui.code;
|
|
|
|
|
let okLayx = layui.okLayx;
|
|
|
|
|
let $ = layui.jquery;
|
|
|
|
|
|
|
|
|
|
$("#notice").click(function () {
|
|
|
|
|
okLayx.notice({
|
|
|
|
|
title: "消息提示",
|
|
|
|
|
message: "我是消息提示消息提示消息提示消息提示"
|
|
|
|
|
});
|
2019-11-24 06:23:48 +00:00
|
|
|
});
|
2019-11-28 04:14:20 +00:00
|
|
|
|
|
|
|
|
$("#notice2").click(function () {
|
|
|
|
|
okLayx.notice({
|
|
|
|
|
title: "成功提示",
|
|
|
|
|
type: "success",
|
|
|
|
|
message: "我是消息提示消息提示消息提示消息提示"
|
|
|
|
|
});
|
2019-11-24 06:23:48 +00:00
|
|
|
});
|
2019-11-28 04:14:20 +00:00
|
|
|
|
|
|
|
|
$("#notice3").click(function () {
|
|
|
|
|
okLayx.notice({
|
|
|
|
|
title: "警告提示",
|
|
|
|
|
type: "warning",
|
|
|
|
|
message: "我是消息提示消息提示消息提示消息提示"
|
|
|
|
|
});
|
2019-11-24 06:23:48 +00:00
|
|
|
});
|
2019-11-28 04:14:20 +00:00
|
|
|
|
|
|
|
|
$("#notice4").click(function () {
|
|
|
|
|
okLayx.notice({
|
|
|
|
|
title: "错误提示",
|
|
|
|
|
type: "error",
|
|
|
|
|
message: "我是消息提示消息提示消息提示消息提示"
|
|
|
|
|
});
|
2019-11-24 06:23:48 +00:00
|
|
|
});
|
2019-11-28 04:14:20 +00:00
|
|
|
});
|
2019-11-24 06:23:48 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
