From 4db6d3ca65003fed9da5699a65c0836d13d810bb Mon Sep 17 00:00:00 2001
From: chenxi <chenxi@caiwuxitong.local>
Date: Thu, 6 Aug 2026 16:34:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20Alibaba=20=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E6=A8=AA=E5=90=91=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../partials/embedded-table.blade.php             | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/resources/views/banking/marketing_alibaba_bills/partials/embedded-table.blade.php b/resources/views/banking/marketing_alibaba_bills/partials/embedded-table.blade.php
index 4bb57a4b..3fae69b5 100644
--- a/resources/views/banking/marketing_alibaba_bills/partials/embedded-table.blade.php
+++ b/resources/views/banking/marketing_alibaba_bills/partials/embedded-table.blade.php
@@ -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>
-- 
2.47.2