laravel layui 分页自定义样式

作者 : tzlwl 发布时间: 2020-06-23 文章热度:20 共1267个字,阅读需4分钟。 本文内容有更新 字体:

如果使用 laravel  默认的   paginate  在layui的样式 :

 

laravel layui 分页自定义样式-唐长老网络

在laravel 页码输出中 提供了可以自定义 模板

laravel layui 分页自定义样式-唐长老网络

 

自定义 样式:

 

@if ($paginator->hasPages())
    <div class="layui-card-body">
        <div id="test-laypage-demo0">
            <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1">
                {{-- Previous Page Link --}}
                @if ($paginator->onFirstPage())
                    <a class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
                        首页
                    </a>
                @else
                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev"
                       aria-label="@lang('pagination.previous')"> 上一页</a>
                @endif

                {{-- Pagination Elements --}}
                @foreach ($elements as $element)
                    {{-- "Three Dots" Separator --}}
                    @if (is_string($element))
                        <a class="page-item disabled" aria-disabled="true">{{ $element }}</a>
                    @endif

                    {{-- 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 class="" href="{{ $url }}">{{ $page }}</a>
                            @endif
                        @endforeach
                    @endif
                @endforeach

                {{-- Next Page Link --}}
                @if ($paginator->hasMorePages())
                    <a class="layui-laypage-next" href="{{ $paginator->nextPageUrl() }}" rel="next"
                       aria-label="@lang('pagination.next')">下一页</a>
                @else
                    <a class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
                        尾页
                    </a>
                @endif
            </div>
        </div>
    </div>
@endif

最终成品效果
laravel layui 分页自定义样式-唐长老网络

完美解决

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
本站会员福利?
1.享受超低折扣.2成品定制软件享受超高福利.3.产品二次销售均有福利