card

- new 模式

```card red black
# ---
1. 东方卡十几分
2. 是的撒尽快发打
3. dfafd dfafas <br>
---
- 发卢浮帝景撒看见
- 上课时间客服打客服
```

```hr green
```

<div class="layui-row layui-col-space15">
  <div class="layui-col-md6">
    <div class="layui-panel layui-bg-black">
      <div style="padding: 30px;">一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板一个面板</div>
    </div>   
  </div>
  <div class="layui-col-md6">
    <div class="layui-panel layui-bg-blue">
      <div style="padding: 30px;">一个面板</div>
    </div>   
  </div>
</div>

<div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">网站设置</li>
    <li>用户管理</li>
    <li>权限分配</li>
    <li>商品管理</li>
    <li>订单管理</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">内容1</div>
    <div class="layui-tab-item">内容2</div>
    <div class="layui-tab-item">内容3</div>
    <div class="layui-tab-item">内容4</div>
    <div class="layui-tab-item">内容5</div>
  </div>
</div>
 
<script>
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>