update
This commit is contained in:
贤心
parent
2705982246
commit
74e8842789
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "layui",
|
||||
"main": "dist/layui.js",
|
||||
"version": "2.6.1",
|
||||
"version": "2.6.2",
|
||||
"homepage": "https://github.com/sentsin/layui",
|
||||
"authors": [
|
||||
"sentsin <xu@sentsin.com>"
|
||||
|
||||
2
dist/css/layui.css
vendored
2
dist/css/layui.css
vendored
File diff suppressed because one or more lines are too long
6
dist/layui.js
vendored
6
dist/layui.js
vendored
File diff suppressed because one or more lines are too long
@ -5,65 +5,66 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>layout 后台大布局 - Layui</title>
|
||||
<title>layout 大布局 - Layui</title>
|
||||
<link rel="stylesheet" href="../src/css/layui.css">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<body>
|
||||
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">layui 后台布局</div>
|
||||
<!-- 头部区域（可配合layui已有的水平导航） -->
|
||||
<div class="layui-logo">layout demo</div>
|
||||
<!-- 头部区域（可配合layui 已有的水平导航） -->
|
||||
<ul class="layui-nav layui-layout-left">
|
||||
<li class="layui-nav-item"><a href="">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="">商品管理</a></li>
|
||||
<li class="layui-nav-item"><a href="">用户</a></li>
|
||||
<li class="layui-nav-item"><a href="">nav 1</a></li>
|
||||
<li class="layui-nav-item"><a href="">nav 2</a></li>
|
||||
<li class="layui-nav-item"><a href="">nav 3</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">其它系统</a>
|
||||
<a href="javascript:;">nav groups</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="">邮件管理</a></dd>
|
||||
<dd><a href="">消息管理</a></dd>
|
||||
<dd><a href="">授权管理</a></dd>
|
||||
<dd><a href="">menu 11</a></dd>
|
||||
<dd><a href="">menu 22</a></dd>
|
||||
<dd><a href="">menu 33</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
|
||||
贤心
|
||||
<img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
|
||||
tester
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="">基本资料</a></dd>
|
||||
<dd><a href="">安全设置</a></dd>
|
||||
<dd><a href="">set 1</a></dd>
|
||||
<dd><a href="">set 2</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="">退了</a></li>
|
||||
<li class="layui-nav-item"><a href="">Sign out</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black">
|
||||
<div class="layui-side-scroll">
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a class="" href="javascript:;">所有商品</a>
|
||||
<a class="" href="javascript:;">menu group 1</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">列表一</a></dd>
|
||||
<dd><a href="javascript:;">列表二</a></dd>
|
||||
<dd><a href="javascript:;">列表三</a></dd>
|
||||
<dd><a href="">超链接</a></dd>
|
||||
<dd><a href="javascript:;">menu 1</a></dd>
|
||||
<dd><a href="javascript:;">menu 2</a></dd>
|
||||
<dd><a href="javascript:;">menu 3</a></dd>
|
||||
<dd><a href="">the links</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">解决方案</a>
|
||||
<a href="javascript:;">menu group 2</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">列表一</a></dd>
|
||||
<dd><a href="javascript:;">列表二</a></dd>
|
||||
<dd><a href="javascript:;">list 1</a></dd>
|
||||
<dd><a href="javascript:;">list 2</a></dd>
|
||||
<dd><a href="">超链接</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="">云市场</a></li>
|
||||
<li class="layui-nav-item"><a href="">发布商品</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
|
||||
<li class="layui-nav-item"><a href="">the links</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -71,15 +72,48 @@
|
||||
<div class="layui-body">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">
|
||||
<p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p><p>内容主体区域</p>
|
||||
内容主体区域
|
||||
|
||||
<br><br>
|
||||
|
||||
<blockquote class="layui-elem-quote layui-text">
|
||||
<ul>
|
||||
<li>
|
||||
你也可以单独打开管理界面大布局的演示页面：
|
||||
<a class="layui-btn layui-btn-normal" href="layuiAdmin.html" target="_blank">单独打开</a>
|
||||
</li>
|
||||
<li>
|
||||
该页面只是简单的管理系统的界面基础布局示例，并不是一整套界面布局方案，您可以关注基于 layui 的通用型管理系统界面模板解决方案：
|
||||
<a href="https://www.layui.com/layuiadmin/" target="_blank" class="layui-btn">layuiAdmin</a>
|
||||
</li>
|
||||
<li>
|
||||
layui 之所以赢得如此多人的青睐，更多是在于它“前后界面兼备”的能力。既可编织出绚丽的前台页面，又可满足繁杂的管理系统的界面需求。
|
||||
<br>layui 管理基本布局， 致力于让每一位开发者都能轻松搭建自己的管理系统模板。
|
||||
</li>
|
||||
</ul>
|
||||
</blockquote>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="layui-card layui-panel">
|
||||
<div class="layui-card-header">
|
||||
下面是充数内容，为的是出现滚动条
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>充数内容<br>你还真划到了底部呀
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
© layui.com - 底部固定区域
|
||||
底部固定区域
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../src/layui.js"></script>
|
||||
<script>
|
||||
//JavaScript代码区域
|
||||
|
||||
@ -13,6 +13,18 @@ body{padding: 10px;}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<textarea style="
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right:0;
|
||||
width: 100px;
|
||||
background-color:#666;
|
||||
z-index:100;
|
||||
resize: none;">
|
||||
|
||||
</textarea>
|
||||
|
||||
<div id="demo1"></div>
|
||||
<button class="layui-btn demo" test-active="test-form">测试弹出式 Form</button>
|
||||
<button class="layui-btn demo" test-active="test-use">测试是否重复加载内置组件</button>
|
||||
|
||||
@ -188,8 +188,11 @@ layui.use('table', function(){
|
||||
//全局设定某参数
|
||||
table.set({
|
||||
where: {
|
||||
token: '全局 token 参数'
|
||||
token: '默认 token 参数'
|
||||
}
|
||||
//,defaultToolbar: ['filter']
|
||||
,limit: 30
|
||||
//,url: 'list'
|
||||
//,height: 300
|
||||
});
|
||||
|
||||
@ -237,15 +240,18 @@ layui.use('table', function(){
|
||||
,type: 'desc' //排序方式 asc: 升序、desc: 降序、null: 默认排序
|
||||
}
|
||||
|
||||
,headers: {headers_token: 'sasasas'}
|
||||
,where: {
|
||||
test: '初始 test 参数'
|
||||
,token: '初始 token'
|
||||
,key: 'experience'
|
||||
,order: 'asc'
|
||||
}
|
||||
|
||||
,error: function(res, msg){
|
||||
console.log(res, msg)
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
,response: {
|
||||
statusName: 'status'
|
||||
@ -264,8 +270,8 @@ layui.use('table', function(){
|
||||
|
||||
//排序事件
|
||||
table.on('sort(test)', function(obj){
|
||||
console.log(this)
|
||||
|
||||
console.log(obj);
|
||||
|
||||
return;
|
||||
layer.msg('服务端排序。order by '+ obj.field + ' ' + obj.type);
|
||||
//服务端排序
|
||||
@ -276,7 +282,7 @@ layui.use('table', function(){
|
||||
key: obj.field //排序字段
|
||||
,order: obj.type //排序方式
|
||||
}
|
||||
});
|
||||
}, true);
|
||||
});
|
||||
|
||||
//工具栏事件
|
||||
@ -312,24 +318,32 @@ layui.use('table', function(){
|
||||
layer.alert('Table for layui-v'+ layui.v);
|
||||
break;
|
||||
case 'reload':
|
||||
//深度重载
|
||||
table.reload('test', {
|
||||
page: {curr: 5, limit: 10}
|
||||
,where: {
|
||||
|
||||
where: {
|
||||
abc: 123
|
||||
,test: '新的 test1'
|
||||
}
|
||||
,page: {curr: 5, limit: 20}
|
||||
,cols: ins1.config.cols
|
||||
//,height: 300
|
||||
//,url: 'x'
|
||||
}, true);
|
||||
break;
|
||||
case 'reload2':
|
||||
//浅重载
|
||||
table.reload('test', {
|
||||
where: {
|
||||
efg: 'sasasas'
|
||||
//,test: '新的 test2'
|
||||
//,token: '新的 token2'
|
||||
}
|
||||
,cols: [[
|
||||
{type: 'checkbox', fixed: 'left'}
|
||||
,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计：'}
|
||||
,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
|
||||
,{field:'experience', title:'积分', width:80, sort: true, totalRow: true, templet: '<div>{{ d.experience }} 分</div>'}
|
||||
,{field:'logins', title:'登入次数', width:100, sort: true, totalRow: true}
|
||||
,{field:'joinTime', title:'加入时间', width:120}
|
||||
]]
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "layui-src",
|
||||
"realname": "layui",
|
||||
"version": "2.6.1",
|
||||
"version": "2.6.2",
|
||||
"description": "Classic modular front-end component library",
|
||||
"main": "dist/layui.js",
|
||||
"license": "MIT",
|
||||
|
||||
@ -249,15 +249,15 @@ a cite{font-style: normal; *cursor:pointer;}
|
||||
.layui-header a:hover{transition: all .5s; -webkit-transition: all .5s;}
|
||||
.layui-side{position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 200px; overflow-x: hidden;}
|
||||
.layui-side-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden;}
|
||||
.layui-body{position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 900; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
|
||||
.layui-body{position: relative; left: 200px; right: 0; top: 0; bottom: 0; z-index: 900; width: auto; box-sizing: border-box;}
|
||||
|
||||
/* 后台框架大布局 */
|
||||
.layui-layout-body{overflow-x: hidden;}
|
||||
.layui-layout-admin .layui-header{position: fixed; top: 0; left: 0; right: 0; background-color: #23262E;}
|
||||
.layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden;}
|
||||
.layui-layout-admin .layui-body{bottom: auto; padding-bottom: 44px;}
|
||||
.layui-layout-admin .layui-body{position: absolute; top: 60px; padding-bottom: 44px;}
|
||||
.layui-layout-admin .layui-main{width: auto; margin: 0 15px;}
|
||||
.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; z-index: 990; height: 44px; line-height: 44px; padding: 0 15px; background-color: #eee;}
|
||||
.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; z-index: 990; height: 44px; line-height: 44px; padding: 0 15px; box-shadow: -1px 0 4px rgb(0 0 0 / 12%); background-color: #FAFAFA;}
|
||||
.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px;}
|
||||
.layui-layout-admin .layui-header .layui-nav{background: none;}
|
||||
.layui-layout-left{position: absolute !important; left: 200px; top: 0;}
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
}
|
||||
|
||||
,Layui = function(){
|
||||
this.v = '2.6.1'; //版本号
|
||||
this.v = '2.6.2'; //版本号
|
||||
}
|
||||
|
||||
//获取layui所在目录
|
||||
|
||||
@ -228,15 +228,11 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util'], function(exports){
|
||||
,Class = function(options){
|
||||
var that = this;
|
||||
that.index = ++table.index;
|
||||
that.config = $.extend({}, that.config, $.extend(true, {}, table.config, options));
|
||||
that.config = $.extend({}, that.config, table.config, options);;
|
||||
that.render();
|
||||
|
||||
if(!that.init_config){
|
||||
that.init_config = $.extend({}, that.config); //记录初始执行的参数
|
||||
}
|
||||
};
|
||||
|
||||
//默认配置
|
||||
//初始默认配置
|
||||
Class.prototype.config = {
|
||||
limit: 10 //每页显示的数量
|
||||
,loading: true //请求数据时，是否显示loading
|
||||
@ -647,13 +643,13 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util'], function(exports){
|
||||
options = options || {};
|
||||
delete that.haveInit;
|
||||
|
||||
//如果直接传入数组 data，则移除原来的数组，以免数组发生深度拷贝
|
||||
if(options.data && options.data.constructor === Array) delete that.config.data;
|
||||
|
||||
that.config = $.extend({}, that.config, function(){
|
||||
return deep ? $.extend(true, {}, that.init_config, table.config, options)
|
||||
: $.extend(true, {}, table.config, options);
|
||||
}());
|
||||
|
||||
//对参数进行深度或浅扩展
|
||||
that.config = $.extend(deep, {}, that.config, options);
|
||||
|
||||
//执行渲染
|
||||
that.render();
|
||||
};
|
||||
|
||||
@ -1042,6 +1038,7 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util'], function(exports){
|
||||
|
||||
//字段匹配
|
||||
if(typeof th === 'string'){
|
||||
field = th;
|
||||
that.layHeader.find('th').each(function(i, item){
|
||||
var othis = $(this)
|
||||
,_field = othis.data('field');
|
||||
@ -1069,7 +1066,7 @@ layui.define(['laytpl', 'laypage', 'layer', 'form', 'util'], function(exports){
|
||||
elemSort.attr('lay-sort', type || null);
|
||||
that.layFixed.find('th')
|
||||
} catch(e){
|
||||
return hint.error('Table modules: Did not match to field');
|
||||
hint.error('Table modules: sort field \''+ field +'\' not matched');
|
||||
}
|
||||
|
||||
//记录排序索引和类型
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user