演示
调试预览
布局
栅格
框架
基本元素
按钮
表单
导航 / 面包屑
基础菜单
选项卡
进度条
面板
徽章
时间线
静态表格
动画
辅助元素
组件示例
弹出层
日期与时间选择
数据表格
分页
下拉菜单
文件上传
穿梭框
树形组件
颜色选择器
滑块
评分
轮播
模板引擎
流加载
工具模块
文本行修饰
修改下面的数据和模版,可直接呈现渲染后的结果。模板语法见:
laytpl文档
数据
模版
{ "title": "Layui常用模块" ,"list": [ { "modname": "弹层" ,"alias": "layer" ,"site": "layui.codeforphp.com/layer" } ,{ "modname": "表单" ,"alias": "form" } ,{ "modname": "分页" ,"alias": "laypage" } ,{ "modname": "日期" ,"alias": "laydate" } ,{ "modname": "上传" ,"alias": "upload" } ] }
<h3>{{ d.title }}</h3> <ul> {{# layui.each(d.list, function(index, item){ }} <li> <span>{{ item.modname }}</span> <span>{{ item.alias }}:</span> <span>{{ item.site || '' }}</span> </li> {{# }); }} {{# if(d.list.length === 0){ }} 无数据 {{# } }} </ul>
视图结果
更多我们未能呈现的示例,还有待您在阅读文档、以及不断使用的过程,去深入挖掘。