chore: 分页样式

src/components/custom-pagination/custom-pagination.vue

@@ -76,33 +76,21 @@ async function handleUpdatePageSize(pageSize: number) {
 </template>
 
 <style lang="scss" scoped>
-:deep(.custom-pagination .n-pagination-item) {
-  padding: 0;
-  margin-left: 2px;
-  border-radius: 5px;
-}
-
-:deep(.custom-pagination .n-pagination-item--button) {
-  background-color: white !important;
-  border: none !important;
-}
-
 :deep(.custom-pagination .n-base-selection) {
-  width: 100px;
-  border-radius: 6px;
+  width: 106px;
+  border-radius: 5px;
 
-  --n-border: 1px solid #999 !important;
+  --n-border: 1px solid #ccc !important;
 }
 
-:deep(.custom-pagination .n-pagination-quick-jumper),
 :deep(.custom-pagination .n-input__input-el),
 :deep(.custom-pagination .n-base-selection-input__content) {
   color: #999;
 }
 
 :deep(.custom-pagination .n-input) {
-  border-radius: 6px;
+  border-radius: 5px;
 
-  --n-border: 1px solid #999 !important;
+  --n-border: 1px solid #ccc !important;
 }
 </style>

src/config/theme-config.ts

@@ -49,4 +49,18 @@ export const themeOverrides: GlobalThemeOverrides = {
     itemColorHover: '#EFF0FF',
     itemHeight: '40px',
   },
+  Pagination: {
+    itemColor: '#FFFFFF',
+    itemTextColorActive: '#FFFFFF',
+    itemTextColorPressed: '#000DFF',
+    itemTextColorHover: '#000DFF',
+    itemColorActive: '#000DFF',
+    itemColorActiveHover: '#000DFF',
+    jumperTextColor: '#999999',
+    itemMarginMedium: '0 0 0 5px',
+    buttonBorder: 'none',
+    buttonBorderHover: 'none',
+    buttonBorderPressed: 'none',
+    itemBorderDisabled: 'none',
+  },
 }

src/locales/langs/zh-cn.yaml

@@ -67,7 +67,7 @@ common_module:
     page_size: '页'
     page_unit: '每页'
     total: '共'
-    goto: '跳至'
+    goto: '跳转至'
 
 router_title_module:
   login: '登录'

src/locales/langs/zh-hk.yaml

@@ -67,7 +67,7 @@ common_module:
     page_size: '頁'
     page_unit: '每頁'
     total: '共'
-    goto: '跳至'
+    goto: '跳轉至'
 
 router_title_module:
   login: '登錄'