theluyuan/layui-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
贤心
2021-03-31 14:07:23 +08:00
parent 743d498816
commit 716bccb3e8
221 changed files with 2402 additions and 1129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
examples/all.html
View File

@@ -14,7 +14,8 @@ body{padding: 10px;}
<body>
<div id="demo1"></div>
<button class="layui-btn demo" data-type="test">测试弹出式Form</button>
<button class="layui-btn demo" test-active="test-form">测试弹出式 Form</button>
<button class="layui-btn demo" test-active="test-use">测试是否重复加载内置组件</button>
<div class="layui-tab" lay-filter="tabDemo">
<ul class="layui-tab-title">
@@ -38,7 +39,7 @@ body{padding: 10px;}
</div>
<script src="../dist/layui.all.js"></script>
<script src="../dist/layui.js"></script>
<script>
;!function(){
var $ = layui.jquery
@@ -46,7 +47,8 @@ body{padding: 10px;}
,form = layui.form
,laypage = layui.laypage
,element = layui.element
,transfer = layui.transfer;
,transfer = layui.transfer
,util = layui.util;
layer.ready(function(){
layer.msg('hello');
@@ -84,21 +86,27 @@ body{padding: 10px;}
]
//,width: 150 //定义宽度
,height: 210 //定义高度
})
});
//触发事件
var active = {
test: function(){
util.event('test-active', {
'test-form': function(){
layer.open({
type: 1
,resize: false
,content: ['<ul class="layui-form" style="margin: 10px;">'
,'<li class="layui-form-item">'
,'<label class="layui-form-label">邮箱激活</label>'
,'<label class="layui-form-label">输入框</label>'
,'<div class="layui-input-block">'
,'<select name="activate">'
,'<option value="0">未激活</option>'
,'<option value="1">已激活</option>'
,'<input class="layui-input" 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>'
@@ -115,10 +123,13 @@ body{padding: 10px;}
}
});
}
};
$('.demo').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
,'test-use': function(othis){
layui.use(['laytpl','laypage','laydate','jquery','layer','util','element','upload','slider','colorpicker','form','tree','transfer','table','carousel','rate','flow','layedit','code'], function(){
layer.tips('请观察 Network 是否有重复加载 js 文件。如果没有任何新的请求，则代表正常。', othis, {
time: 10*1000
});
});
}
});
}();
</script>