最近在研究页面展示方式,以往千篇一律的表格展示,有些单调,偶尔机会了解到Layui flow,看看官方文档用着还是比较简单的,一下是范例,仅供参考:
1.引入样式文件:
<link href="../css/lib/bootstrap/bootstrap.css?v=3.3.7" rel="stylesheet"> <link href="../css/lib/font-awesome/font-awesome.css?v=4.4.0" rel="stylesheet"> <link href="../css/app/main.css" rel="stylesheet"> <link href="../css/lib/animate.css" rel="stylesheet"> <link href="../js/lib/layer/skin/layer.css" rel="stylesheet"> <link href="../js/lib/layui/css/layui.css" rel="stylesheet">
其中,layui.css为必须文件,其他可酌情忽略
2.引入相关js:
<script type="text/javascript" src="../js/lib/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="../js/lib/layer/layer.min.js"></script> <script type="text/javascript" src="../js/lib/bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="../js/app/util.js"></script> <script type="text/javascript" src="../js/app/j-extend.js"></script> <script type="text/javascript" src="../js/lib/layui/layui.all.js"></script> <script src="../js/app/constant.js"></script> <script type="text/javascript" src="../js/app/sys/sysAccount.js"></script>
其中.jquery和layui.all.js为必备文件,其他可酌情忽略,注意先后顺序
3.HTML代码(仅显示相