根据以下代码用layui写前端代码及分页 $this->assign([ 'page' => $page, 'pageSize' => $pageSize, "total"=> $total, "list"=> $data, "typeList" => $typeList, "pages"=> $result->render() ]); return $this->fetch();

这段代码是使用 PHP 框架 thinkphp，使用 assign 方法向模板中传递变量，其中包括分页相关的参数，以及数据列表和类型列表等。

如果要使用 layui 写前端代码及分页，可以在页面中引入 layui 的相关 css 和 js 文件，并使用 layui 的 table 组件来渲染数据列表，使用 laypage 组件来进行分页，具体操作如下：

1. 引入 layui 的相关文件，例如：

<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>

2. 在页面中添加一个 table 元素，例如：

<table class="layui-table">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>ID</th>
      <th>标题</th>
      <th>类型</th>
    </tr>
  </thead>
  <tbody id="data-list">
    <!-- 这里使用 ajax 请求数据并渲染到这里 -->
  </tbody>
</table>

3. 使用 ajax 请求后端接口获取数据，并渲染到表格中，例如：

// 使用 layui 的 table 组件进行渲染
layui.use('table', function(){
  var table = layui.table;
  
  // 获取分页相关参数
  var page = <?php echo $page ?>;
  var pageSize = <?php echo $pageSize ?>;
  var total = <?php echo $total ?>;

  // 渲染表格
  table.render({
    elem: '#data-list',
    cols: [[
      {field:'id', width:150},
      {field:'title', width:200},
      {field:'type', width:100},
    ]],
    data: <?php echo json_encode($data) ?> // 这里传入数据列表
  });

  // 渲染分页
  laypage.render({
    elem: 'pagination',
    count: total,
    limit: pageSize,
    curr: page,
    jump: function(obj, first){
      // 这里使用 ajax 请求数据并渲染到表格中
    }
  });
});

4. 在页面中添加一个分页元素，例如：

<div id="pagination"></div>

这样就可以使用 layui 实现分页了。注意，这里的代码仅供参考，具体实现需要根据实际情况进行调整。