chore(admin-ui): add admin pagination template and styles

This commit is contained in:
萝卜
2026-03-16 01:55:22 +08:00
parent 7d291a7906
commit 7f331faf04
7 changed files with 162 additions and 3 deletions

View File

@@ -312,5 +312,5 @@
</div>
</div>
<div class="pagination-wrap">{{ $plans->links() }}</div>
<div class="pagination-wrap">{{ $plans->links('pagination.admin') }}</div>
@endsection

View File

@@ -1553,5 +1553,5 @@
</div>
</div>
<div class="pagination-wrap">{{ $orders->links() }}</div>
<div class="pagination-wrap">{{ $orders->links('pagination.admin') }}</div>
@endsection

View File

@@ -414,5 +414,5 @@
</div>
</div>
<div class="pagination-wrap">{{ $subscriptions->links() }}</div>
<div class="pagination-wrap">{{ $subscriptions->links('pagination.admin') }}</div>
@endsection

View File

@@ -0,0 +1,44 @@
@if ($paginator->hasPages())
<nav role="navigation" aria-label="分页导航" class="adm-pagination">
<div class="adm-pagination-inner">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<span class="adm-page-btn is-disabled" aria-disabled="true">上一页</span>
@else
<a class="adm-page-btn" href="{{ $paginator->previousPageUrl() }}" rel="prev">上一页</a>
@endif
{{-- Pagination Elements --}}
<div class="adm-page-list">
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<span class="adm-page-ellipsis">{{ $element }}</span>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<span class="adm-page-num is-active" aria-current="page">{{ $page }}</span>
@else
<a class="adm-page-num" href="{{ $url }}">{{ $page }}</a>
@endif
@endforeach
@endif
@endforeach
</div>
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<a class="adm-page-btn" href="{{ $paginator->nextPageUrl() }}" rel="next">下一页</a>
@else
<span class="adm-page-btn is-disabled" aria-disabled="true">下一页</span>
@endif
<div class="adm-page-meta">
<span class="muted muted-xs"> {{ $paginator->currentPage() }} / {{ $paginator->lastPage() }} </span>
</div>
</div>
</nav>
@endif