标签归档:Layui

laravel 使用 layui 分页样式

把以下代码放在 views/vendor/pagination/layui.blade.php里,这个路径是使用 php artisan vendor:publish --tag=laravel-pagination 发布出来的:

<div class="layui-box layui-laypage layui-laypage-default">  
  
    {{-- Previous Page Link --}}  
    @if ($paginator->onFirstPage())  
        <a class="layui-laypage-prev layui-disabled">上一页</a>  
  
    @else  
        <a class="layui-laypage-prev" href="{{ $paginator->previousPageUrl() }}">上一页</a>  
  
    @endif  
  
  
    {{-- Pagination Elements --}}  
    @foreach ($elements as $element)  
        {{-- Array Of Links --}}  
        @if (is_array($element))  
            @foreach ($element as $page => $url)  
                @if ($page == $paginator->currentPage())  
                    <span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>{{ $page }}</em></span>  
                @else  
                    <a href="{{ $url }}">{{ $page }}</a>  
                @endif  
            @endforeach        @endif    @endforeach  
    {{-- Next Page Link --}}  
    @if ($paginator->hasMorePages())  
        <a class="layui-laypage-next" href="{{ $paginator->nextPageUrl() }}">下一页</a>  
    @else  
        <a class="layui-laypage-next  layui-disabled" href="{{ $paginator->nextPageUrl() }}">下一页</a>  
    @endif  
  
  
</div>

使用:

<div style="text-align: center">  
    {{ $rooms->links('vendor.pagination.layui') }}  
</div>

补充一个Layui2.9.x的样式:

<div class="layui-box layui-laypage layui-laypage-default">  
  
    {{-- Previous Page Link --}}  
    @if ($paginator->onFirstPage())  
        <a class="layui-laypage-prev layui-disabled">上一页</a>  
  
    @else  
        <a class="layui-laypage-prev" href="{{ $paginator->previousPageUrl() }}">上一页</a>  
  
    @endif  
  
  
    {{-- Pagination Elements --}}  
    @foreach ($elements as $element)  
        {{-- Array Of Links --}}  
        @if (is_array($element))  
            @foreach ($element as $page => $url)  
                @if ($page == $paginator->currentPage())  
                    <span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>{{ $page }}</em></span>  
                @else  
                    <a href="{{ $url }}">{{ $page }}</a>  
                @endif  
            @endforeach        @endif    @endforeach  
    {{-- Next Page Link --}}  
    @if ($paginator->hasMorePages())  
        <a class="layui-laypage-next" href="{{ $paginator->nextPageUrl() }}">下一页</a>  
    @else  
        <a class="layui-laypage-next  layui-disabled" href="{{ $paginator->nextPageUrl() }}">下一页</a>  
    @endif  
  
  
</div>