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

add:okNprogress使用说明

master
bobi 2019-11-02 14:03:43 +08:00
parent 0bac0eb878
commit ccd2b7c7a9
4 changed files with 35 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/tripartite/okBarcode.html
View File

@ -42,7 +42,7 @@ layui.use(["okBarcode"], function () {
let $ = layui.jquery;
code({
elem: 'pre',
elem: "pre",
title: "代码示例"
});

2
pages/tripartite/okMd5.html
View File

@ -42,7 +42,7 @@ layui.use(["okMd5"], function () {
let okMd5 = layui.okMd5;
code({
elem: 'pre',
elem: "pre",
title: "代码示例"
});

33
pages/tripartite/okNprogress.html
View File

@ -8,17 +8,48 @@
</head>
<body>
<div class="ok-body">
<blockquote class="layui-elem-quote">
<p>NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。</p>
<p>NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。</p>
</blockquote>
<pre>
layui.use(["okNprogress"], function () {
let okNprogress = layui.okNprogress;
<br/>
// 开始进度条
okNprogress.start();
// 结束进度条
okNprogress.done();
});
</pre>
<button type="button" class="layui-btn" id="start">开始进度条</button>
<button type="button" class="layui-btn" id="done">结束进度条</button>
</div>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script>
layui.use(["okNprogress"], function () {
layui.use(["code", "okNprogress"], function () {
let code = layui.code;
let okNprogress = layui.okNprogress;
let $ = layui.jquery;
code({
elem: "pre",
title: "代码示例"
});
okNprogress.start();
if (document.readyState == "complete" || document.readyState == "interactive") {
okNprogress.done();
}
$("#start").click(function () {
okNprogress.start();
});
$("#done").click(function () {
okNprogress.done();
});
});
</script>
</body>

2
pages/tripartite/okToastr.html
View File

@ -61,7 +61,7 @@ layui.use(["okToastr"], function () {
let $ = layui.jquery;
code({
elem: 'pre',
elem: "pre",
title: "代码示例"
});