1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <title>全端复杂组合</title>
- <div class="layui-card layadmin-header">
- <div class="layui-breadcrumb" lay-filter="breadcrumb">
- <a lay-href="">主页</a>
- <a><cite>组件</cite></a>
- <a><cite>栅格</cite></a>
- <a><cite>全端复杂组合</cite></a>
- </div>
- </div>
- <style>
- /* 这段样式只是用于演示 */
- #LAY-component-grid-all .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-all">
- <div class="layui-row layui-col-space10">
- <div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
- <!-- 填充内容 -->
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm7 layui-col-md9">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm7 layui-col-md9">
- <div class="layui-card">
- <div class="layui-card-header"></div>
- <div class="layui-card-body"></div>
- </div>
- </div>
- </div>
- </div>
- <script>
- layui.use(['admin'], function(){
- var $ = layui.$
- ,admin = layui.admin
- ,table = layui.table
- ,element = layui.element;
- });
- </script>
|