mirror of
https://gitee.com/layui/layui.git
synced 2025-11-24 08:33:12 +08:00
style: 清理代码多余空白符 (#2606)
* style: 清理代码多余空白符 * update --------- Co-authored-by: corededitor <107152508+corededitor@users.noreply.github.com>
This commit is contained in:
贤心
@@ -12,13 +12,13 @@
|
||||
<body>
|
||||
|
||||
<textarea style="
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right:0;
|
||||
width: 100px;
|
||||
background-color:#666;
|
||||
z-index:100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right:0;
|
||||
width: 100px;
|
||||
background-color:#666;
|
||||
z-index:100;
|
||||
resize: none;">
|
||||
|
||||
</textarea>
|
||||
@@ -50,7 +50,7 @@ resize: none;">
|
||||
<option value="010">北京</option>
|
||||
<option value="021">上海</option>
|
||||
<option value="0571">杭州</option>
|
||||
</select>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
@@ -77,10 +77,10 @@ layui.use(function(){
|
||||
,transfer = layui.transfer
|
||||
,util = layui.util
|
||||
,laydate = layui.laydate;
|
||||
|
||||
|
||||
layer.msg('hello layui');
|
||||
//layer.closeAll();
|
||||
|
||||
|
||||
//自动测试
|
||||
(function(run){
|
||||
if(!run) return;
|
||||
@@ -88,7 +88,7 @@ layui.use(function(){
|
||||
var timer = setInterval(function(){
|
||||
location.reload();
|
||||
}, 1000);
|
||||
|
||||
|
||||
$.ajax({
|
||||
url: './all.html'
|
||||
,beforeSend: function(){
|
||||
@@ -106,18 +106,18 @@ layui.use(function(){
|
||||
}
|
||||
});
|
||||
})(0);
|
||||
|
||||
|
||||
laypage.render({
|
||||
elem: 'demo1'
|
||||
,count: 100 //总页数
|
||||
});
|
||||
|
||||
|
||||
console.log(lay('#footer').html());
|
||||
|
||||
|
||||
laydate.render({
|
||||
elem: '#date1'
|
||||
})
|
||||
|
||||
|
||||
//测试加载非内置模块
|
||||
/*
|
||||
layui.config({
|
||||
@@ -127,8 +127,8 @@ layui.use(function(){
|
||||
,mod2: 'mod2'
|
||||
}).use('mod1');
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
//定义标题及数据源
|
||||
transfer.render({
|
||||
elem: '#test2'
|
||||
@@ -147,7 +147,7 @@ layui.use(function(){
|
||||
//,width: 150 //定义宽度
|
||||
,height: 210 //定义高度
|
||||
});
|
||||
|
||||
|
||||
//触发事件
|
||||
util.event('test-active', {
|
||||
'test-form': function(){
|
||||
@@ -176,7 +176,7 @@ layui.use(function(){
|
||||
,'</ul>'].join('')
|
||||
,success: function(layero){
|
||||
layero.find('.layui-layer-content').css('overflow', 'visible');
|
||||
|
||||
|
||||
form.render().on('submit(*)', function(data){
|
||||
layer.msg(JSON.stringify(data.field));
|
||||
});
|
||||
@@ -191,7 +191,7 @@ layui.use(function(){
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
//})();
|
||||
</script>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="layui-container">
|
||||
<span>按钮色系：</span>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<a href="" class="layui-btn layui-btn-primary">原始按钮</a>
|
||||
<div class="layui-btn">默认按钮</div>
|
||||
@@ -33,7 +33,7 @@
|
||||
|
||||
<span>按钮图标：</span>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<button class="layui-btn layui-btn-sm"><i class="layui-icon"></i></button>
|
||||
<button class="layui-btn layui-btn-sm"><i class="layui-icon"></i></button>
|
||||
@@ -47,7 +47,7 @@
|
||||
|
||||
<span>按钮尺寸：</span>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<button class="layui-btn layui-btn-lg">大型按钮</button>
|
||||
<button class="layui-btn">默认按钮</button>
|
||||
@@ -60,7 +60,7 @@
|
||||
<button class="layui-btn layui-btn-primary layui-btn-sm">小型按钮</button>
|
||||
<button class="layui-btn layui-btn-primary layui-btn-xs">迷你按钮</button>
|
||||
</div>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
<span>按钮圆角：</span>
|
||||
@@ -74,12 +74,12 @@
|
||||
<button class="layui-btn layui-btn-danger layui-btn-radius">警告按钮</button>
|
||||
<button class="layui-btn layui-btn-disabled layui-btn-radius">禁用按钮</button>
|
||||
</div>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
<span>按钮图文：</span>
|
||||
<hr>
|
||||
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<button class="layui-btn layui-btn-big layui-btn-primary layui-btn-radius">大型加圆角</button>
|
||||
<button class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon layui-icon-delete"></i> 删除</button>
|
||||
|
||||
@@ -67,7 +67,7 @@ div[carousel-item]>*:nth-child(2n+1){background-color: #5FB878;}
|
||||
<script>
|
||||
layui.use('carousel', function(){
|
||||
var carousel = layui.carousel;
|
||||
|
||||
|
||||
// 实例
|
||||
var carInst = carousel.render({
|
||||
elem: '#test1',
|
||||
@@ -85,7 +85,7 @@ layui.use('carousel', function(){
|
||||
});
|
||||
|
||||
// carInst.goto(1);
|
||||
|
||||
|
||||
// 事件
|
||||
/*
|
||||
carousel.on('change(test1)', function(obj) {
|
||||
@@ -100,7 +100,7 @@ layui.use('carousel', function(){
|
||||
anim: 'fade',
|
||||
height: '120px'
|
||||
});
|
||||
|
||||
|
||||
carousel.render({
|
||||
elem: '#test3',
|
||||
// full: true,
|
||||
@@ -111,7 +111,7 @@ layui.use('carousel', function(){
|
||||
anim: 'updown',
|
||||
// full: true
|
||||
});
|
||||
|
||||
|
||||
// 图片轮播
|
||||
carousel.render({
|
||||
elem: '#test4',
|
||||
|
||||
@@ -21,23 +21,23 @@ body{padding:20px;}
|
||||
</div>
|
||||
<div id="test1"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="test-box">
|
||||
<div id="test2"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="test-box">
|
||||
<div id="test3"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="test-box">
|
||||
<div id="test4"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="test-box">
|
||||
<div id="test5"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="test-box">
|
||||
<div id="test6"></div>
|
||||
</div>
|
||||
@@ -74,7 +74,7 @@ body{padding:20px;}
|
||||
console.log('close', color);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test2'
|
||||
,color: 'rgba(218, 121, 157, 1)' //设置默认色
|
||||
@@ -85,28 +85,28 @@ body{padding:20px;}
|
||||
console.log(color)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test3'
|
||||
,color: '#000'
|
||||
//,alpha: true
|
||||
//,format: 'rgb' //设置输入显示格式为rgb
|
||||
});
|
||||
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test4'
|
||||
,color: '#06eeb8'
|
||||
,predefine: true //开启预定义色
|
||||
,format: 'rgb'
|
||||
});
|
||||
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test5'
|
||||
,color: '#ffd900'
|
||||
,predefine: true
|
||||
,size: 'lg'
|
||||
});
|
||||
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test6'
|
||||
,color: '#F00'
|
||||
@@ -125,4 +125,4 @@ body{padding:20px;}
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -111,7 +111,7 @@ body{padding:20px;}
|
||||
|
||||
layui.use(['element', 'form'], function(){
|
||||
var element = layui.element;
|
||||
|
||||
|
||||
element.on('tab(test)', function(data){
|
||||
console.log(this, data);
|
||||
});
|
||||
@@ -119,7 +119,7 @@ layui.use(['element', 'form'], function(){
|
||||
element.on('tabDelete(tabDemo)', function(data){
|
||||
console.log(this, data);
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@@ -28,7 +26,7 @@
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>始终等比例水平排列</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs6">
|
||||
<div class="grid-demo grid-demo-bg1">50%</div>
|
||||
@@ -37,9 +35,9 @@
|
||||
<div class="grid-demo">50%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs3">
|
||||
<div class="grid-demo grid-demo-bg1">25%</div>
|
||||
@@ -54,11 +52,11 @@
|
||||
<div class="grid-demo">25%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>移动设备、桌面端的不同展现</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs12 layui-col-md8">
|
||||
<div class="grid-demo grid-demo-bg1">移动设备：100%、桌面：60%</div>
|
||||
@@ -70,11 +68,11 @@
|
||||
<div class="grid-demo grid-demo-bg2">移动设备：50%、桌面：100%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>移动设备、平板、桌面端的不同展现</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
|
||||
<div class="grid-demo grid-demo-bg1">50% | 33.33% | 33.33%</div>
|
||||
@@ -92,7 +90,7 @@
|
||||
<div class="grid-demo layui-bg-black">33.33% | 50% | 33.33%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>从小屏幕堆叠到桌面水平排列</legend>
|
||||
</fieldset>
|
||||
@@ -135,9 +133,9 @@
|
||||
<div class="grid-demo">1/12</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md9">
|
||||
<div class="grid-demo grid-demo-bg1">75%</div>
|
||||
@@ -146,9 +144,9 @@
|
||||
<div class="grid-demo">25%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md4">
|
||||
<div class="grid-demo grid-demo-bg1">33.33%</div>
|
||||
@@ -160,9 +158,9 @@
|
||||
<div class="grid-demo grid-demo-bg1">33.33%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md6">
|
||||
<div class="grid-demo grid-demo-bg1">50%</div>
|
||||
@@ -171,7 +169,7 @@
|
||||
<div class="grid-demo">50%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>分栏间隔</legend>
|
||||
</fieldset>
|
||||
@@ -190,9 +188,9 @@
|
||||
<div class="grid-demo">1/4</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space5">
|
||||
<div class="layui-col-md4">
|
||||
<div class="grid-demo grid-demo-bg1">1/3</div>
|
||||
@@ -204,9 +202,9 @@
|
||||
<div class="grid-demo grid-demo-bg1">1/3</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space10">
|
||||
<div class="layui-col-md9">
|
||||
<div class="grid-demo grid-demo-bg1">75%</div>
|
||||
@@ -215,9 +213,9 @@
|
||||
<div class="grid-demo">25%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md7">
|
||||
<div class="grid-demo grid-demo-bg1">58.33%</div>
|
||||
@@ -226,9 +224,9 @@
|
||||
<div class="grid-demo">41.67%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space20">
|
||||
<div class="layui-col-md4">
|
||||
<div class="grid-demo grid-demo-bg1">33.33%</div>
|
||||
@@ -240,11 +238,11 @@
|
||||
<div class="grid-demo">33.33%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>列偏移</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md4">
|
||||
<div class="grid-demo grid-demo-bg1">33.33%</div>
|
||||
@@ -259,9 +257,9 @@
|
||||
<div class="grid-demo">不偏移</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md3 layui-col-md-offset3">
|
||||
<div class="grid-demo grid-demo-bg1">偏移3列</div>
|
||||
@@ -270,11 +268,11 @@
|
||||
<div class="grid-demo">偏移1列</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>嵌套</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md5">
|
||||
<div class="layui-row grid-demo">
|
||||
@@ -303,7 +301,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="layui-fluid">
|
||||
|
||||
@@ -26,10 +26,10 @@ body{padding: 10px;}
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>将一段已知数组分页展示</legend>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div id="demo9"></div>
|
||||
|
||||
<ul id="biuuu_city_list"></ul>
|
||||
|
||||
<ul id="biuuu_city_list"></ul>
|
||||
|
||||
|
||||
<script src="../src/layui.js"></script>
|
||||
@@ -39,13 +39,13 @@ layui.use(['laypage', 'layer'], function(){
|
||||
var laypage = layui.laypage
|
||||
,layer = layui.layer;
|
||||
|
||||
|
||||
|
||||
//总页数低于页码总数
|
||||
laypage.render({
|
||||
elem: 'demo0'
|
||||
,count: 50 //数据总数
|
||||
});
|
||||
|
||||
|
||||
//总页数大于页码总数
|
||||
laypage.render({
|
||||
elem: 'demo1'
|
||||
@@ -54,14 +54,14 @@ layui.use(['laypage', 'layer'], function(){
|
||||
console.log(obj)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//自定义样式
|
||||
laypage.render({
|
||||
elem: 'demo2'
|
||||
,count: 100
|
||||
,theme: '#1E9FFF'
|
||||
});
|
||||
|
||||
|
||||
//自定义首页、尾页、上一页、下一页文本
|
||||
laypage.render({
|
||||
elem: 'demo3'
|
||||
@@ -71,7 +71,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
,prev: '<em>←</em>'
|
||||
,next: '<em>→</em>'
|
||||
});
|
||||
|
||||
|
||||
//不显示首页尾页
|
||||
laypage.render({
|
||||
elem: 'demo4'
|
||||
@@ -79,7 +79,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
,first: false
|
||||
,last: false
|
||||
});
|
||||
|
||||
|
||||
//开启HASH
|
||||
laypage.render({
|
||||
elem: 'demo5'
|
||||
@@ -87,7 +87,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
|
||||
,hash: 'fenye' //自定义hash值
|
||||
});
|
||||
|
||||
|
||||
//只显示上一页、下一页
|
||||
laypage.render({
|
||||
elem: 'demo6'
|
||||
@@ -99,7 +99,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//完整功能
|
||||
laypage.render({
|
||||
elem: 'demo7'
|
||||
@@ -114,7 +114,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
console.log(obj)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//自定义排版
|
||||
laypage.render({
|
||||
elem: 'demo8'
|
||||
@@ -123,11 +123,11 @@ layui.use(['laypage', 'layer'], function(){
|
||||
//,limits: [100, 200, 300]
|
||||
,limit: 200
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//将一段数组分页展示
|
||||
|
||||
|
||||
//测试数据
|
||||
var data = [
|
||||
'北京',
|
||||
@@ -168,7 +168,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
'澳门',
|
||||
'台北'
|
||||
];
|
||||
|
||||
|
||||
//调用分页
|
||||
laypage.render({
|
||||
elem: 'demo9'
|
||||
@@ -186,7 +186,7 @@ layui.use(['laypage', 'layer'], function(){
|
||||
}();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
@@ -14,12 +14,12 @@
|
||||
<div class="layui-container" style="padding-top: 30px;">
|
||||
|
||||
<div class="layui-btn-container">
|
||||
<button type="button" class="layui-btn" lay-active="lg">大尺寸</button>
|
||||
<button type="button" class="layui-btn" lay-active="normal">常规尺寸</button>
|
||||
<button type="button" class="layui-btn" lay-active="lg">大尺寸</button>
|
||||
<button type="button" class="layui-btn" lay-active="normal">常规尺寸</button>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space30" id="demo-box" style="padding: 30px 0;">
|
||||
|
||||
|
||||
<div class="layui-col-xs9 layui-col-md3">
|
||||
<div class="layui-panel">
|
||||
<ul class="layui-menu" id="demo1">
|
||||
@@ -109,7 +109,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-col-xs9 layui-col-md3">
|
||||
<div class="layui-panel">
|
||||
<ul class="layui-menu" id="docDemoMenu1">
|
||||
@@ -146,7 +146,7 @@
|
||||
<li class="layui-menu-item-divider"></li>
|
||||
<li class="layui-menu-item-parent" lay-options="{type: 'parent'}">
|
||||
<div class="layui-menu-body-title">
|
||||
menu item 5
|
||||
menu item 5
|
||||
<i class="layui-icon layui-icon-right"></i>
|
||||
</div>
|
||||
<div class="layui-panel layui-menu-body-panel">
|
||||
@@ -166,7 +166,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -176,13 +176,13 @@ layui.use(['dropdown', 'util'], function(){
|
||||
var dropdown = layui.dropdown
|
||||
,util = layui.util
|
||||
,$ = layui.jquery;
|
||||
|
||||
|
||||
|
||||
|
||||
dropdown.on('click(demo1)', function(options){
|
||||
var thisElem = $(this);
|
||||
console.log(thisElem, options);
|
||||
});
|
||||
|
||||
|
||||
util.event('lay-active', {
|
||||
normal: function(){
|
||||
$('#demo-box').children().addClass('layui-col-md3').removeClass('layui-col-md4');
|
||||
|
||||
@@ -55,7 +55,7 @@ layui.use(['rate'], function(){
|
||||
var rate = layui.rate;
|
||||
|
||||
//渲染
|
||||
|
||||
|
||||
// rate.set({
|
||||
// elem: '#test1'
|
||||
// ,length: 7
|
||||
@@ -65,7 +65,7 @@ layui.use(['rate'], function(){
|
||||
// ,text: true
|
||||
// ,reader: true
|
||||
// })
|
||||
|
||||
|
||||
rate.render({
|
||||
elem: '#test1'
|
||||
,length: 5
|
||||
@@ -104,7 +104,7 @@ layui.use(['rate'], function(){
|
||||
,half: true
|
||||
,theme: '#FF5722'
|
||||
})
|
||||
|
||||
|
||||
//只读
|
||||
rate.render({
|
||||
elem: '#test4'
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<th>人物</th>
|
||||
<th>民族</th>
|
||||
<th>格言</th>
|
||||
</tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
@@ -58,7 +58,7 @@
|
||||
<th>人物</th>
|
||||
<th>民族</th>
|
||||
<th>格言</th>
|
||||
</tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
@@ -87,7 +87,7 @@
|
||||
<th>人物</th>
|
||||
<th>民族</th>
|
||||
<th>格言</th>
|
||||
</tr>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
@@ -104,4 +104,4 @@
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
.pipe(gulp.dest(dest));
|
||||
};
|
||||
</code></pre>
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<p id="ref-1">REF-1</p>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<div id="text2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="text3"></div>
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
,value: ["1", "15", "16"]
|
||||
,showSearch: true // 若区分大小写，设置 'cs'
|
||||
});
|
||||
|
||||
|
||||
//按钮事件
|
||||
util.event('lay-demo', {
|
||||
getData: function(othis){
|
||||
@@ -99,4 +99,4 @@
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>树组件 - layui</title>
|
||||
<link rel="stylesheet" href="../src/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../src/css/layui.css" media="all">
|
||||
<style>
|
||||
body{padding: 100px;}
|
||||
#test1,#test2{margin-bottom: 100px; width: 400px;}
|
||||
@@ -22,9 +22,9 @@
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">表单内</label>
|
||||
<div class="layui-input-block">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="test1"></div>
|
||||
<div id="test2"></div>
|
||||
@@ -37,7 +37,7 @@
|
||||
,layer = layui.layer
|
||||
,util = layui.util
|
||||
,index = 100;
|
||||
|
||||
|
||||
//数据源
|
||||
var data1 = [{
|
||||
title: 'A-1'
|
||||
@@ -156,7 +156,7 @@
|
||||
}]
|
||||
}]
|
||||
}];
|
||||
|
||||
|
||||
//数据源
|
||||
var data2 = [{
|
||||
title: '控制台'
|
||||
@@ -200,7 +200,7 @@
|
||||
}
|
||||
,showCheckbox: true //是否显示复选框
|
||||
,accordion: 0 //是否开启手风琴模式
|
||||
|
||||
|
||||
,onlyIconControl: true //是否仅允许节点左侧图标控制展开收缩
|
||||
,isJump: 0 //点击文案跳转地址
|
||||
,edit: true //操作节点图标
|
||||
@@ -218,7 +218,7 @@
|
||||
}
|
||||
,reload: function(){
|
||||
tree.reload('demoId1', {
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -246,9 +246,9 @@
|
||||
console.log(state, obj, target);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -16,7 +16,7 @@ hr{margin: 32px 0;}
|
||||
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="test1" name="123">上传图片</button>
|
||||
|
||||
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" src="" id="demo1">
|
||||
<p id="demoText"></p>
|
||||
@@ -31,14 +31,14 @@ hr{margin: 32px 0;}
|
||||
<hr>
|
||||
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="test2">多图片上传</button>
|
||||
<button type="button" class="layui-btn" id="test2">多图片上传</button>
|
||||
<div class="layui-upload-list" id="demo2"></div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
|
||||
<div class="layui-upload-list">
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
@@ -121,13 +121,13 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
obj.preview(function(index, file, result){
|
||||
$('#demo1').attr('src', result); //图片链接（base64）
|
||||
});
|
||||
|
||||
|
||||
return;
|
||||
layer.msg('不允许上传')
|
||||
return false;
|
||||
},
|
||||
done: function(res, index){
|
||||
|
||||
|
||||
//如果上传失败
|
||||
if(res.code > 0){
|
||||
return layer.msg('上传失败');
|
||||
@@ -137,14 +137,14 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
},
|
||||
error: function(index, upload){
|
||||
this.item.html('重选上传');
|
||||
|
||||
|
||||
//演示失败状态，并实现重传
|
||||
var demoText = $('#demoText');
|
||||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
|
||||
demoText.find('.demo-reload').on('click', function(){
|
||||
uploadInst.upload();
|
||||
});
|
||||
|
||||
|
||||
element.progress('demo', '0%');
|
||||
},
|
||||
progress: function(n, elem, res, index){
|
||||
@@ -160,7 +160,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
acceptMime: 'image/*', // 只筛选图片
|
||||
// size: 2,
|
||||
});
|
||||
|
||||
|
||||
// 演示多图片上传
|
||||
upload.render({
|
||||
elem: '#test2',
|
||||
@@ -186,7 +186,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(obj)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// 演示多文件列表 --- 本示例仅演示未开启 unified 属性的情况
|
||||
var demoListView = $('#demoList');
|
||||
var uploadListIns = upload.render({
|
||||
@@ -198,10 +198,10 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
auto: false,
|
||||
bindAction: '#testListAction',
|
||||
// size: 30,
|
||||
choose: function(obj){
|
||||
choose: function(obj){
|
||||
var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
|
||||
//读取本地文件
|
||||
obj.preview(function(index, file, result){
|
||||
obj.preview(function(index, file, result){
|
||||
var tr = $(['<tr id="upload-'+ index +'">'
|
||||
,'<td>'+ file.name +'</td>'
|
||||
,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
|
||||
@@ -211,12 +211,12 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
|
||||
,'</td>'
|
||||
,'</tr>'].join(''));
|
||||
|
||||
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
|
||||
|
||||
//删除
|
||||
var that = this;
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
@@ -225,9 +225,9 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
|
||||
|
||||
demoListView.append(tr);
|
||||
|
||||
|
||||
element.render('progress');
|
||||
});
|
||||
},
|
||||
@@ -267,7 +267,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '.testm',
|
||||
done: function(res, index, upload){
|
||||
@@ -276,7 +276,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/*
|
||||
upload.render({
|
||||
elem: '#test33',
|
||||
@@ -286,7 +286,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res)
|
||||
}
|
||||
});*/
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '#test4',
|
||||
url: url, // 实际使用时改成您自己的上传接口即可
|
||||
@@ -295,7 +295,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '#test5',
|
||||
url: '',
|
||||
@@ -304,8 +304,8 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//手动上传
|
||||
upload.render({
|
||||
elem: '#test6',
|
||||
@@ -313,7 +313,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
auto: false,
|
||||
// multiple: true,
|
||||
bindAction: '#test7',
|
||||
choose: function(obj){
|
||||
choose: function(obj){
|
||||
var that = this;
|
||||
obj.preview(function(index, file){
|
||||
that.elem.after('<span class="layui-inline layui-upload-choose">'+ file.name +'</span>');
|
||||
@@ -328,7 +328,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '#test8',
|
||||
url: url, // 实际使用时改成您自己的上传接口即可
|
||||
@@ -336,7 +336,7 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '#test9',
|
||||
url: url, // 实际使用时改成您自己的上传接口即可
|
||||
@@ -344,9 +344,9 @@ layui.use(['upload', 'element', 'form'], function(){
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user