root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

impr:完善okLayx文档

master
bobi 2019-12-17 10:24:03 +08:00
parent b7ea5e8074
commit 9dc6c9678c
1 changed files with 41 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
pages/tripartite/okLayx.html
View File

@ -3,14 +3,48 @@
<head>
<meta charset="UTF-8">
<title>okLayx</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/oksub.css">
</head>
<body>
<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>
<div class="ok-body">
<blockquote class="layui-elem-quote">
<p>Layx 新一代Web弹窗组件。</p>
</blockquote>
<pre>
// Step1. 引入依赖
let okLayx = layui.okLayx;.
<br/>
// Step2. 使用
okLayx.notice({
title: "消息提示",
message: "我是消息提示消息提示消息提示消息提示"
});
okLayx.notice({
title: "成功提示",
type: "success",
message: "我是消息提示消息提示消息提示消息提示"
});
okLayx.notice({
title: "警告提示",
type: "warning",
message: "我是消息提示消息提示消息提示消息提示"
});
okLayx.notice({
title: "错误提示",
type: "error",
message: "我是消息提示消息提示消息提示消息提示"
});
</pre>
<button type="button" class="layui-btn" id="notice">消息提示</button>
<button type="button" class="layui-btn" id="notice2">成功提示</button>
<button type="button" class="layui-btn" id="notice3">警告提示</button>
<button type="button" class="layui-btn" id="notice4">错误提示</button>
</div>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script>
@ -18,6 +52,8 @@
let code = layui.code;
let okLayx = layui.okLayx;
let $ = layui.jquery;
code({elem: "pre", title: "代码示例"});
$("#notice").click(function () {
okLayx.notice({