This commit is contained in:
贤心
2020-11-26 22:12:46 +08:00
parent fba6ab7cd2
commit f0f17b50b0
43 changed files with 153 additions and 80 deletions

View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>完整库使用 - layui</title>
<link rel="stylesheet" href="../build/css/layui.css">
<link rel="stylesheet" href="../src/css/layui.css">
<style>
body{padding: 10px;}
@@ -16,6 +16,27 @@ body{padding: 10px;}
<div id="demo1"></div>
<button class="layui-btn demo" data-type="test">测试弹出式Form</button>
<div class="layui-tab" lay-filter="tabDemo">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="1">标题1</li>
<li lay-id="2">标题2</li>
<li lay-id="3">标题3</li>
<li lay-id="4">标题4</li>
<li lay-id="5">标题5</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
内容1
</div>
<div class="layui-tab-item">
<div id="test2" class="demo-transfer"></div>
</div>
<div class="layui-tab-item">3</div>
<div class="layui-tab-item">4</div>
<div class="layui-tab-item">5</div>
</div>
</div>
<script src="../dist/layui.all.js"></script>
<script>
@@ -23,7 +44,9 @@ body{padding: 10px;}
var $ = layui.jquery
,layer = layui.layer
,form = layui.form
,laypage = layui.laypage;
,laypage = layui.laypage
,element = layui.element
,transfer = layui.transfer;
layer.ready(function(){
layer.msg('hello');
@@ -43,6 +66,26 @@ body{padding: 10px;}
,mod2: 'mod2'
}).use('mod1');
//定义标题及数据源
transfer.render({
elem: '#test2'
,title: ['候选文人', '获奖文人'] //自定义标题
,data: [
{"value": "1", "title": "李白"}
,{"value": "2", "title": "杜甫"}
,{"value": "3", "title": "苏轼"}
,{"value": "4", "title": "李清照"}
,{"value": "5", "title": "鲁迅", "disabled": true}
,{"value": "6", "title": "巴金"}
,{"value": "7", "title": "冰心"}
,{"value": "8", "title": "矛盾"}
,{"value": "9", "title": "贤心"}
]
//,width: 150 //定义宽度
,height: 210 //定义高度
})
//触发事件
var active = {
test: function(){

View File

@@ -69,7 +69,7 @@ layui.use(['rate'], function(){
rate.render({
elem: '#test1'
,length: 3
,value: 2.2
,value: 3.2
,text: true
,half: true
,setText: function(value){

View File

@@ -38,6 +38,9 @@ layui.use('slider', function(){
,change: function(value){ //回调实时显示当前值
console.log(value)
}
,setTips: function(value){ //自定义提示文本
return value + '%';
}
//,setTips: function(value){ //自定义提示文本
//return '离世界末日还有 ' + value + ' 天';
//}
@@ -46,7 +49,7 @@ layui.use('slider', function(){
//,theme: '#c00' //主题色
});
sliderInst.setValue(48)
sliderInst.setValue(30);
});
</script>
</body>

View File

@@ -221,6 +221,13 @@ layui.use('table', function(){
,{field:'joinTime', title:'加入时间', width:120}
,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
]]
,initSort: {
field: 'experience' //排序字段,对应 cols 设定的各字段名
,type: 'desc' //排序方式 asc: 升序、desc: 降序、null: 默认排序
}
/*
,response: {
statusName: 'status'

View File

@@ -50,7 +50,7 @@
,{"value": "3", "title": "贤心"}
,{"value": "4", "title": "鲁迅", "disabled": true}
,{"value": "5", "title": "巴金"}
,{"value": "6", "title": "冰心"}
,{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"},{"value": "6", "title": "冰心"}
]
,id: 'demoId'
,value: ["2", "3"]