update
This commit is contained in:
@@ -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(){
|
||||
|
||||
@@ -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){
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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'
|
||||
|
||||
@@ -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"]
|
||||
|
||||
Reference in New Issue
Block a user