WuYongJie/CaiWuXiTong
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

修复 Alibaba 分页横向布局 #13

Merged
chenxi merged 1 commits from fix/chenxi-alibaba-pagination into main 2026-08-06 16:35:55 +08:00
Conversation 0 Commits 1 Files Changed 1 +14 -1
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/banking/marketing_alibaba_bills/partials/embedded-table.blade.php
View File

@ -13,6 +13,17 @@
.alibaba-bill-primary, .alibaba-bill-secondary { display: inline-flex; height: 34px; align-items: center; gap: 8px; border-radius: 8px; padding: 0 14px; font-size: .8125rem; font-weight: 500; }
.alibaba-bill-primary { background: var(--vip-content-accent-dark, #856632); color: #fff; }
.alibaba-bill-secondary { border: 1px solid var(--vip-border, #D8D2C7); background: #fff; color: #171717; }
.alibaba-pagination-wrap ul.pagination { display: flex; flex-direction: row; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.alibaba-pagination-wrap .page-item { margin: 0; }
.alibaba-pagination-wrap .page-link { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid var(--vip-border, #D8D2C7); border-radius: 8px; background: #fff; padding: 0 10px; color: #171717; font-size: 0.8125rem; text-decoration: none; }
.alibaba-pagination-wrap a.page-link:hover { border-color: var(--vip-content-accent-dark, #856632); background: var(--vip-content-accent-soft, #F7F0DE); color: var(--vip-content-accent-dark, #856632); }
.alibaba-pagination-wrap .page-item.active .page-link { border-color: var(--vip-content-accent-dark, #856632); background: var(--vip-content-accent-dark, #856632); color: #fff; }
.alibaba-pagination-wrap .page-item.disabled .page-link { color: #595959; cursor: not-allowed; }
.alibaba-pagination-wrap div.lg\:flex > div:first-child { display: none !important; }
.alibaba-pagination-wrap div.lg\:flex { flex-flow: row wrap; align-items: center; justify-content: center; gap: 12px; }
.alibaba-pagination-wrap .pagination-xs { display: flex; width: 100%; justify-content: center; margin-top: 0; }
.alibaba-pagination-wrap .pagination-xs > nav,
.alibaba-pagination-wrap .pagination-xs > nav > ul { margin-right: auto; margin-left: auto; }
</style>
@php
@ -104,6 +115,8 @@
</div>
@unless ($bills->isEmpty())
<div class="mt-5"><x-pagination :items="$bills" /></div>
<div class="alibaba-pagination-wrap mt-5">
<x-pagination :items="$bills" />
</div>
@endunless
</div>