layui框架卡片面板的使用

写在前面

在之前的博客中我有写过关于layui的form的布局，具体详情请点击此处，其实这一篇博客讲得不是很全，因为绝大部分时候，form表单通常都会配合面板使用，这样的布局更加美观，而且排序也十分简单。因此博主强烈推荐面板配合form来使用。

卡片面板

在大多数时候，卡面面板就能满足我们的需求，本篇只谈卡片面板，更多用法请移步到layui面板文档

第一步，引用layui.css和layui.js

<link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>

第二步，声明element模块

   <script>
      layui.use('element', function(){
      var element = layui.element;
      });
    </script>

第三步，布局

面板使用的是