<div class="layui-fluid nepadmin-pad0 nepadmin-mar0" id="VIEW-list-order" lay-title="卡片列表">
  <div class="layui-card" style="margin-bottom: 0;">
    <div class="layui-card-body nepadmin-pad30">
      <div class="layui-row">
        <div class="layui-col-lg12"></div>
        <h2 class="nepadmin-pad-b10">卡片列表</h2>
        <p class="nepadmin-c-gray">如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。</p>
      </div>
    </div>
  </div>
  <div class="layui-row layui-col-space15 nepadmin-pad20">
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-cover">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1537457040159&di=6f9912045bfe396e5b49526137472e37&imgtype=0&src=http%3A%2F%2Fattach.zhiyoo.com%2Fforum%2F201303%2F30%2F16392363kvt13er39xk1k3.jpg"
            alt="" />
        </div>
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <span class="nepadmin-fl nepadmin-font-12 nepadmin-c-gray">2 hours ago</span>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-sm3 layui-col-xs12">
      <div class="layui-card">
        <div class="layui-card-header">霸气的平头哥名号里藏着阿里怎样的“芯”思？</div>
        <div class="layui-card-body">
          在相当长的时间里，阿里的基因是电商，而不是技术。但现在情况显然发生了改变。马云自然看到了打造生态的重要性，而半导体芯片在阿里生态中处于上游...
        </div>
        <div class="layui-card-footer">
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作一</div>
          <div class="layui-btn layui-btn-sm layui-btn-primary">操作二</div>
        </div>
      </div>
    </div>
    <div class="layui-col-xs12 nepadmin-tc">
      <div id="test1"></div>
    </div>
  </div>
</div>
<script>
  layui.use('laypage', function (laypage) {
    laypage.render({
      elem: 'test1',
      //数据总数，从服务端得到
      count: 2000,
      groups: 10,
      jump: function (obj, first) { }
    });
  });
</script>