123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
-
-
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>低于桌面堆叠排列</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
- </head>
- <body>
-
- <style>
- /* 这段样式只是用于演示 */
- #LAY-component-grid-stack .layui-card-body{display: flex; justify-content: center; flex-direction: column; text-align: center; height: 200px;}
- </style>
-
- <div class="layui-fluid" id="LAY-component-grid-stack">
- <div class="layui-row layui-col-space10">
- <div class="layui-col-md4">
- <!-- 填充内容 -->
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-md4">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- </div>
- </div>
-
- <script src="../../../layuiadmin/layui/layui.js"></script>
- <script>
- layui.config({
- base: '../../../layuiadmin/' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index']);
- </script>
- </body>
|