更新layui到2.6.8；相对路径改为绝对路径
starsphp
|
|
@ -1,3 +1,4 @@
|
|||
# 忽略.idea目录及其子目录、子文件
|
||||
# 忽略.idea目录及其子目录、子文件
|
||||
.idea/
|
||||
node_modules/
|
||||
node_modules/
|
||||
*.htaccess
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import "../lib/fonts/iconfont.css";
|
||||
@import "/lib/fonts/iconfont.css";
|
||||
/*html{
|
||||
webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import "../lib/layui/css/layui.css";
|
||||
@import "../lib/fonts/iconfont.css";
|
||||
@import "./okadmin.theme.css";
|
||||
@import "./okadmin.animate.css";
|
||||
@import "../lib/layui/css/okmodules/jquery.contextMenu.css";
|
||||
@import "/lib/layui-v2.6.8/layui/css/layui.css";
|
||||
@import "/lib/fonts/iconfont.css";
|
||||
@import "/css/okadmin.theme.css";
|
||||
@import "/css/okadmin.animate.css";
|
||||
@import "/css/okmodules/jquery.contextMenu.css";
|
||||
|
||||
/*html{
|
||||
webkit-filter: grayscale(100%);
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@import "../css/common.css";
|
||||
@import "../lib/layui/css/layui.css";
|
||||
@import "okadmin.animate.css";
|
||||
@import "../lib/loading/okLoading.css";
|
||||
@import "/css/common.css";
|
||||
@import "/lib/layui-v2.6.8/layui/css/layui.css";
|
||||
@import "/css/okadmin.animate.css";
|
||||
@import "/lib/loading/okLoading.css";
|
||||
|
||||
/**控制台样式*/
|
||||
.console .map-body{height:360px}
|
||||
|
|
|
|||
17
index.html
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="./css/okadmin.css">
|
||||
<link rel="stylesheet" href="./lib/loading/okLoading.css"/>
|
||||
<script type="text/javascript" src="./js/polyfill.min.js"></script>
|
||||
<script type="text/javascript" src="./js/okconfig.js"></script>
|
||||
<script type="text/javascript" src="./lib/loading/okLoading.js"></script>
|
||||
<link rel="stylesheet" href="/css/okadmin.css">
|
||||
<link rel="stylesheet" href="/lib/loading/okLoading.css"/>
|
||||
<script type="text/javascript" src="/js/polyfill.min.js"></script>
|
||||
<script type="text/javascript" src="/js/okconfig.js"></script>
|
||||
<script type="text/javascript" src="/lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<!-- 更换主体 Eg:orange_theme|blue_theme -->
|
||||
|
|
@ -218,8 +218,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="./lib/layui/layui.js"></script>
|
||||
<script src="./js/snowflake.js?snowflake=雪花"></script>
|
||||
<script src="./js/okadmin.js"></script>
|
||||
<script src="/lib/layui-v2.6.8/layui/layui.js"></script>
|
||||
<script src="/js/initOkmodules.js"></script>
|
||||
<script src="/js/snowflake.js?snowflake=雪花"></script>
|
||||
<script src="/js/okadmin.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,10 +7,10 @@
|
|||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
<link rel="stylesheet" href="lib/loading/okLoading.css"/>
|
||||
<script type="text/javascript" src="js/okconfig.js"></script>
|
||||
<script type="text/javascript" src="lib/loading/okLoading.js"></script>
|
||||
<link rel="stylesheet" href="/css/okadmin.css">
|
||||
<link rel="stylesheet" href="/lib/loading/okLoading.css"/>
|
||||
<script type="text/javascript" src="/js/okconfig.js"></script>
|
||||
<script type="text/javascript" src="/lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<!-- 更换主体 Eg:orange_theme|blue_theme -->
|
||||
|
|
@ -384,8 +384,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script src="js/snowflake.js?snowflake=雪花"></script>
|
||||
<script src="js/okadmin.js"></script>
|
||||
<script src="/lib/layui-v2.6.8/layui/layui.js"></script>
|
||||
<script src="/js/snowflake.js?snowflake=雪花"></script>
|
||||
<script src="/js/okadmin.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
// 扩展模块别名
|
||||
var okmodules = {
|
||||
"okTab": "okmodules/okTab",
|
||||
"okCountUp": "okmodules/okCountUp",
|
||||
"okUtils": "okmodules/okUtils",
|
||||
"okFly": "okmodules/okFly",
|
||||
"okGVerify": "okmodules/okGVerify",
|
||||
"qrcode": "okmodules/qrcode",
|
||||
"okQrcode": "okmodules/okQrcode",
|
||||
"okAddlink": "okmodules/okAddlink",
|
||||
"okLayer": "okmodules/okLayer",
|
||||
"okMock": "okmodules/okMock",
|
||||
"okContextMenu": "okmodules/okContextMenu",
|
||||
"okCookie": "okmodules/okCookie",
|
||||
"okMd5": "okmodules/okMd5",
|
||||
"okToastr": "okmodules/okToastr",
|
||||
"okBarcode": "okmodules/okBarcode",
|
||||
"okNprogress": "okmodules/okNprogress",
|
||||
"okSweetAlert2": "okmodules/okSweetAlert2",
|
||||
"okHoliday": "okmodules/okHoliday",
|
||||
"okLayx": "okmodules/okLayx",
|
||||
"jqprint": "okmodules/jqprint",
|
||||
};
|
||||
layui.config({
|
||||
base: '/js/' //扩展模块所在目录
|
||||
}).extend(okmodules); // 加载扩展
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
|
||||
|
||||
var objOkTab = "";
|
||||
layui.use(["element", "form", "layer", "okUtils", "okTab", "okLayer", "okContextMenu", "okHoliday", "laydate"], function () {
|
||||
layui.use(["okUtils", "okTab", "okLayer", "okContextMenu", "okHoliday"], function () {
|
||||
var okUtils = layui.okUtils;
|
||||
var $ = layui.jquery;
|
||||
var form = layui.form;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@
|
|||
// 加入layui模块规范
|
||||
layui.define(function (exports) {
|
||||
exports("okLayx", e());
|
||||
}).addcss("okmodules/layx.min.css");
|
||||
})
|
||||
// .addcss("okmodules/layx.min.css");
|
||||
layui.link("/css/okmodules/layx.min.css")
|
||||
}(window, function () {
|
||||
return (d = [function (t, e, n) {
|
||||
(function (d) {
|
||||
|
|
@ -10,7 +10,9 @@
|
|||
} else if (window.layui && layui.define) { // 加入layui模块规范
|
||||
layui.define(["jquery"], function (exports) {
|
||||
exports("okNprogress", factory(layui.jquery));
|
||||
}).addcss("okmodules/nprogress.css");
|
||||
})
|
||||
// .addcss("okmodules/nprogress.css");
|
||||
layui.link("/css/okmodules/nprogress.css")
|
||||
} else {
|
||||
root.NProgress = factory();
|
||||
}
|
||||
|
|
@ -487,7 +487,9 @@
|
|||
} else if (window.layui && layui.define) { // 加入layui模块规范
|
||||
layui.define(["jquery"], function (exports) {
|
||||
exports("okToastr", factory(layui.jquery));
|
||||
}).addcss("okmodules/toastr.min.css");
|
||||
})
|
||||
// .addcss("/js/okmodules/toastr.min.css");
|
||||
layui.link("/css/okmodules/toastr.min.css")
|
||||
} else {
|
||||
window.toastr = factory(window.jQuery);
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
|
||||
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 701 B After Width: | Height: | Size: 701 B |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 299 KiB After Width: | Height: | Size: 299 KiB |
|
|
@ -0,0 +1,102 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>测试 - layui</title>
|
||||
<link rel="stylesheet" href="layui/css/layui.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="layui-progress" style="margin: 15px 0 30px;">
|
||||
<div class="layui-progress-bar" lay-percent="100%"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<button class="layui-btn" test-active="test-form">一个按钮</button>
|
||||
<button class="layui-btn layui-btn-normal" id="test2">当前日期</button>
|
||||
</div>
|
||||
|
||||
<blockquote class="layui-elem-quote" style="margin-top: 30px;">
|
||||
<div class="layui-text">
|
||||
<ul>
|
||||
<li>你当前预览的是：<span>layui-v<span id="version"></span></span></li>
|
||||
<li>layui 是一套开源的 Web UI（界面）组件库。这是一个极其简洁的演示页面</li>
|
||||
</ul>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- 引入 layui.js 的 <script> 标签最好放置在 html 末尾 -->
|
||||
<script src="layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(function(){
|
||||
var layer = layui.layer
|
||||
,form = layui.form
|
||||
,laypage = layui.laypage
|
||||
,element = layui.element
|
||||
,laydate = layui.laydate
|
||||
,util = layui.util;
|
||||
|
||||
//欢迎信息
|
||||
layer.msg('Hello World');
|
||||
|
||||
//输出版本号
|
||||
lay('#version').html(layui.v);
|
||||
|
||||
//日期
|
||||
laydate.render({
|
||||
elem: '#test2'
|
||||
,value: new Date()
|
||||
,isInitValue: true
|
||||
});
|
||||
|
||||
//触发事件
|
||||
util.event('test-active', {
|
||||
'test-form': function(){
|
||||
layer.open({
|
||||
type: 1
|
||||
,resize: false
|
||||
,shadeClose: true
|
||||
,area: '350px'
|
||||
,title: 'layer + form'
|
||||
,content: ['<ul class="layui-form layui-form-pane" style="margin: 15px;">'
|
||||
,'<li class="layui-form-item">'
|
||||
,'<label class="layui-form-label">输入框</label>'
|
||||
,'<div class="layui-input-block">'
|
||||
,'<input class="layui-input" lay-verify="required" name="field1">'
|
||||
,'</div>'
|
||||
,'</li>'
|
||||
,'<li class="layui-form-item">'
|
||||
,'<label class="layui-form-label">选择框</label>'
|
||||
,'<div class="layui-input-block">'
|
||||
,'<select name="field2">'
|
||||
,'<option value="A">A</option>'
|
||||
,'<option value="B">B</option>'
|
||||
,'<select>'
|
||||
,'</div>'
|
||||
,'</li>'
|
||||
,'<li class="layui-form-item" style="text-align:center;">'
|
||||
,'<button type="submit" lay-submit lay-filter="*" class="layui-btn">提交</button>'
|
||||
,'</li>'
|
||||
,'</ul>'].join('')
|
||||
,success: function(layero, index){
|
||||
layero.find('.layui-layer-content').css('overflow', 'visible');
|
||||
|
||||
form.render().on('submit(*)', function(data){
|
||||
layer.msg(JSON.stringify(data.field), {icon: 1});
|
||||
//layer.close(index); //关闭层
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
[{000214A0-0000-0000-C000-000000000046}]
|
||||
Prop3=19,11
|
||||
[InternetShortcut]
|
||||
URL=https://www.layui.com/about/disclaimer.html
|
||||
IDList=
|
||||
HotKey=0
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
/** layui-v2.5.6 MIT License By https://www.layui.com */
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
||||
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |