feat ui设计稿

src/components/PaginationBar.vue

@@ -67,30 +67,30 @@ function go(page: number): void {
 <style lang="less" scoped>
 .pagination {
   .flex(row, center);
-  gap: @spacing-xs;
-  padding: @spacing-base 0;
+  gap: @spacing-xs; // 盒间距 6 × 0.77 ≈ 5
+  padding: 12px 0; // 网格 → 分页 36 × 0.77（叠加主栏 gap 18）
 
   &__btn {
     .flex(row, center);
-    min-width: 32px;
-    height: 32px;
-    padding: 0 @spacing-xs;
+    min-width: 20px; // 设计15 页码盒 26 × 0.77
+    height: 25px; // 设计 32 × 0.77
+    padding: 0 3px;
     border: 1px solid @border-color;
     border-radius: @radius-sm;
     background: @white;
-    color: @text-color;
-    font-size: @font-size-base;
+    color: @text-color-secondary; // 设计15 实取 rgba(107,114,128)
+    font-size: 11px; // 设计 12 → 9.2，取可读下限 11
     transition: all 0.2s;
 
     &:hover:not(:disabled):not(.is-ellipsis) {
-      border-color: @primary-color;
-      color: @primary-color;
+      border-color: @primary-strong;
+      color: @primary-strong;
     }
 
     &.is-active {
-      border-color: @primary-color;
-      background: @primary-color;
-      color: @white;
+      border-color: @cases-page-active-bg;
+      background: @cases-page-active-bg;
+      color: @primary-strong; // 设计15 当前页文字 rgba(2,79,255)
     }
 
     &.is-ellipsis {