From ccd2b7c7a94661b038d59de84c03fa0cbcc6645b Mon Sep 17 00:00:00 2001 From: bobi Date: Sat, 2 Nov 2019 14:03:43 +0800 Subject: [PATCH] =?UTF-8?q?add:okNprogress=E4=BD=BF=E7=94=A8=E8=AF=B4?= =?UTF-8?q?=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/tripartite/okBarcode.html | 2 +- pages/tripartite/okMd5.html | 2 +- pages/tripartite/okNprogress.html | 33 ++++++++++++++++++++++++++++++- pages/tripartite/okToastr.html | 2 +- 4 files changed, 35 insertions(+), 4 deletions(-) diff --git a/pages/tripartite/okBarcode.html b/pages/tripartite/okBarcode.html index c137edc..2e7a1d5 100644 --- a/pages/tripartite/okBarcode.html +++ b/pages/tripartite/okBarcode.html @@ -42,7 +42,7 @@ layui.use(["okBarcode"], function () { let $ = layui.jquery; code({ - elem: 'pre', + elem: "pre", title: "代码示例" }); diff --git a/pages/tripartite/okMd5.html b/pages/tripartite/okMd5.html index 763e530..5ab3f08 100644 --- a/pages/tripartite/okMd5.html +++ b/pages/tripartite/okMd5.html @@ -42,7 +42,7 @@ layui.use(["okMd5"], function () { let okMd5 = layui.okMd5; code({ - elem: 'pre', + elem: "pre", title: "代码示例" }); diff --git a/pages/tripartite/okNprogress.html b/pages/tripartite/okNprogress.html index 7f5eaa7..e075cd7 100644 --- a/pages/tripartite/okNprogress.html +++ b/pages/tripartite/okNprogress.html @@ -8,17 +8,48 @@
+
+

NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。

+

NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。

+
+ 
+layui.use(["okNprogress"], function () {
+    let okNprogress = layui.okNprogress;
+    

+    // 开始进度条
+    okNprogress.start();
+    // 结束进度条
+    okNprogress.done();
+});
+
+ +
diff --git a/pages/tripartite/okToastr.html b/pages/tripartite/okToastr.html index 6d2b432..2d3e7e2 100644 --- a/pages/tripartite/okToastr.html +++ b/pages/tripartite/okToastr.html @@ -61,7 +61,7 @@ layui.use(["okToastr"], function () { let $ = layui.jquery; code({ - elem: 'pre', + elem: "pre", title: "代码示例" });