标签: 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>