453530270@qq.com
2 years ago
2 changed files with 122 additions and 0 deletions
@ -0,0 +1,24 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
|
<title>Demo</title> |
||||
|
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> |
||||
|
<link href="/static/layui/css/layui.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="layui-collapse" lay-accordion> |
||||
|
<ul> |
||||
|
<#list flist as being> |
||||
|
<li><a href="./?fspath=${being}">${being}</a> </li> |
||||
|
</#list> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<!-- 请勿在项目正式环境中引用该 layui.js 地址 --> |
||||
|
<script src="/static/layui/layui.js"></script> |
||||
|
|
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,98 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
|
<title>Demo</title> |
||||
|
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> |
||||
|
<link href="//unpkg.com/layui@2.9.8/dist/css/layui.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<table class="layui-hide" id="ID-table-demo-data"></table> |
||||
|
|
||||
|
<!-- 请勿在项目正式环境中引用该 layui.js 地址 --> |
||||
|
<script src="//unpkg.com/layui@2.9.8/dist/layui.js"></script> |
||||
|
<script> |
||||
|
layui.use('table', function(){ |
||||
|
var table = layui.table; |
||||
|
|
||||
|
// 已知数据渲染 |
||||
|
var inst = table.render({ |
||||
|
elem: '#ID-table-demo-data', |
||||
|
cols: [[ //标题栏 |
||||
|
{field: 'id', title: 'ID', width: 80, sort: true}, |
||||
|
{field: 'username', title: '站点', width: 120}, |
||||
|
{field: 'sign', title: '签名', minWidth: 160}, |
||||
|
{field: 'sex', title: '性别', width: 80}, |
||||
|
{field: 'city', title: '城市', width: 100}, |
||||
|
{field: 'experience', title: '积分', width: 80, sort: true} |
||||
|
]], |
||||
|
data: [{ // 赋值已知数据 |
||||
|
"id": "10001", |
||||
|
"username": "张三1", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "116" |
||||
|
}, { |
||||
|
"id": "10002", |
||||
|
"username": "张三2", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "12", |
||||
|
"LAY_CHECKED": true |
||||
|
}, { |
||||
|
"id": "10003", |
||||
|
"username": "张三3", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "65" |
||||
|
}, { |
||||
|
"id": "10004", |
||||
|
"username": "张三4", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "777" |
||||
|
}, { |
||||
|
"id": "10005", |
||||
|
"username": "张三5", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "86" |
||||
|
}, { |
||||
|
"id": "10006", |
||||
|
"username": "张三6", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "12" |
||||
|
}, { |
||||
|
"id": "10007", |
||||
|
"username": "张三7", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "16" |
||||
|
}, { |
||||
|
"id": "10008", |
||||
|
"username": "张三8", |
||||
|
"sex": "男", |
||||
|
"city": "浙江杭州", |
||||
|
"sign": "人生恰似一场修行", |
||||
|
"experience": "106" |
||||
|
}], |
||||
|
//skin: 'line', // 表格风格 |
||||
|
//even: true, |
||||
|
page: true, // 是否显示分页 |
||||
|
limits: [5, 10, 15], |
||||
|
limit: 5 // 每页默认显示的数量 |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue