laravel:分页样式自定义修改上一页下一页


以laravel5.5为例:(不同版本可能位置不同)
默认的laravel分页模板位置:
\vendor\laravel\framework\src\Illuminate\Pagination\resources\views\default.blade.php
只需要根据需求,对html、css进行相应的修改即可。
页面调用:{{$articles->links()}}
laravel自带的default改一下
@if ($paginator->hasPages()) <ul class="pagination"> {{-- Previous Page Link --}} @if ($paginator->onFirstPage()) <li class="page-item disabled"><span class="page-link">第一页</span></li> @else <li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">上一页</a></li> @endif {{-- Pagination Elements --}} @foreach ($elements as $element) {{-- "Three Dots" Separator --}} @if (is_string($element)) <li class="page-item disabled"> <span class="page-link">{{ $element }}</span></li> @endif {{-- Array Of Links --}} @if (is_array($element)) @foreach ($element as $page => $url) @if ($page == $paginator->currentPage()) <li class="page-item active"> <span class="page-link">{{ $page }}</span></li> @else <li class="page-item"> <a class="page-link" href="{{ $url }}"> {{ $page }}</a></li> @endif @endforeach @endif @endforeach {{-- Next Page Link --}} @if ($paginator->hasMorePages()) <li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">下一页</a></li> @else <li class="page-item disabled"><span class="page-link">最后一页</span></li> @endif </ul> @endif
