css - 在 Laravel 5.8 中实现分页链接样式错误

Question

我使用 Laravel Pagination 和 Materialize CSS 创建了一个数据表，但是当我使用分页链接创建分页链接时，它{!! $users->render() !!}看起来不像这样：

以及如何像文档一样显示它更时尚？

Answer 1

默认情况下，Laravel 使用 Bootstrap 进行分页，如果我们使用其他框架，我们需要自定义它。由于样式表可能会相互冲突。

我已按照 Laravel Docs完成工作。

首先，

php artisan vendor:publish --tag=laravel-pagination

这将发布我们可以编辑的文件，

按照路径打开文件

resources/views/vendor/pagination/bootstrap-4.blade.php

这是物化分页的更新文件，

@if ($paginator->hasPages())
<nav>
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
        <li class="disabled" aria-disabled="true">
            <a href="#!"><i class="material-icons">chevron_left</i></a>
        </li>
        @else
        <li>
            <a href="{{ $paginator->previousPageUrl()}}"><i class="material-icons">chevron_left</i></a></li>
        @endif

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

        {{-- Array Of Links --}}
        @if (is_array($element))
        @foreach ($element as $page => $url)
        @if ($page == $paginator->currentPage())
        <li class="active"><a href="">{{ $page }}</a></li>
        @else
        <li><a href="{{ $url }}">{{ $page }}</a></li>
        @endif
        @endforeach
        @endif
        @endforeach

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
        <li>
            <a href="{{ $paginator->nextPageUrl() }}"><i class="material-icons">chevron_right</i></a>
        </li>
        @else
        <li class=" disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
            <a href="" aria-hidden="true"><i class="material-icons">chevron_right</i></a>
        </li>
        @endif
    </ul>
</nav>
@endif

注意： Laravel 版本 6 和物化 - 1.0.0

希望，这将有助于一些人在未来寻找这个..