加入NProgress进度条加载插件

v1.0
bobi1234 2018-07-25 15:25:50 +08:00
parent 78872de043
commit f69d79e8d8
4 changed files with 18 additions and 0 deletions

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="lib/layui/css/layui.css"> <link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/okadmin.css"> <link rel="stylesheet" href="css/okadmin.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.css">
</head> </head>
<body class="layui-layout-body"> <body class="layui-layout-body">
<div class="layui-layout layui-layout-admin"> <div class="layui-layout layui-layout-admin">
@ -122,6 +123,7 @@
<div class="yy"></div> <div class="yy"></div>
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.js"></script>
<script src="js/okadmin.js"></script> <script src="js/okadmin.js"></script>
</body> </body>
</html> </html>

View File

@ -1,3 +1,7 @@
NProgress.start();
window.onload = function() {
NProgress.done();
}
layui.use(['element', 'layer'], function () { layui.use(['element', 'layer'], function () {
var element = layui.element; var element = layui.element;
var $ = layui.jquery; var $ = layui.jquery;

View File

@ -11,6 +11,7 @@
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ask70l8wanw.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ask70l8wanw.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css"/> <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css"/>
<link rel="stylesheet" href="css/login.css"/> <link rel="stylesheet" href="css/login.css"/>
<link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.css">
</head> </head>
<body> <body>
<div class="login-box animated rotateIn"> <div class="login-box animated rotateIn">
@ -40,7 +41,12 @@
</div> </div>
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.js"></script>
<script> <script>
NProgress.start();
window.onload = function() {
NProgress.done();
}
layui.use(['form', 'jquery'], function () { layui.use(['form', 'jquery'], function () {
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;

View File

@ -8,6 +8,7 @@
<link rel="stylesheet" href="css/scroll-bar.css"> <link rel="stylesheet" href="css/scroll-bar.css">
<link rel="stylesheet" href="css/sub-page.css"> <link rel="stylesheet" href="css/sub-page.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_693759_wytlyqhtdtj1nhfr.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
@ -54,7 +55,12 @@
</div> </div>
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.js"></script>
<script> <script>
NProgress.start();
window.onload = function() {
NProgress.done();
}
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
var element = layui.element; var element = layui.element;
var table = layui.table; var table = layui.table;