From e0d15f8039a74a9826a0395983960ab620308899 Mon Sep 17 00:00:00 2001
From: nsnail <taokeu@gmail.com>
Date: Fri, 17 May 2024 16:23:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E2=9C=A8=20=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E5=88=86=E9=A1=B5=E6=8E=A7=E4=BB=B6=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=80=BB=E6=9D=A1=E6=95=B0=20(#124)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/admin/src/components/scTable/index.vue |  3 +++
 src/frontend/admin/src/layout/components/sideM.vue  |  9 ++++-----
 src/frontend/admin/src/style/fix.scss               |  4 ++++
 src/frontend/admin/src/style/media.scss             | 12 +++++++++++-
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/frontend/admin/src/components/scTable/index.vue b/src/frontend/admin/src/components/scTable/index.vue
index 69f4417b..f32c437e 100644
--- a/src/frontend/admin/src/components/scTable/index.vue
+++ b/src/frontend/admin/src/components/scTable/index.vue
@@ -60,6 +60,7 @@
                     :layout="paginationLayout"
                     :page-size="scPageSize"
                     :page-sizes="pageSizes"
+                    :pager-count="pagerCount"
                     :small="true"
                     :total="total"
                     @current-change="paginationChange"
@@ -230,6 +231,7 @@ export default {
     },
     data() {
         return {
+            pagerCount: 10,
             current: {
                 row: null,
                 column: null,
@@ -258,6 +260,7 @@ export default {
         }
     },
     mounted() {
+        this.pagerCount = document.body.clientWidth < 1000 ? 3 : 10
         //判断是否开启自定义列
         if (this.column) {
             this.getCustomColumn()
diff --git a/src/frontend/admin/src/layout/components/sideM.vue b/src/frontend/admin/src/layout/components/sideM.vue
index fba0d9c3..f7fba627 100644
--- a/src/frontend/admin/src/layout/components/sideM.vue
+++ b/src/frontend/admin/src/layout/components/sideM.vue
@@ -132,14 +132,13 @@ export default {
 <style scoped>
 .mobile-nav-button {
     position: fixed;
-    bottom: 1rem;
-    left: 1rem;
+    top: 0;
+    left: 0;
     z-index: 10;
     width: 4rem;
     height: 4rem;
-    background: #409eff;
-    box-shadow: 0 0.2rem 1rem 0 rgba(64, 158, 255, 1);
-    border-radius: 50%;
+    background: var(--el-color-primary);
+    box-shadow: 0 0.2rem 1rem 0 var(--el-color-primary);
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/src/frontend/admin/src/style/fix.scss b/src/frontend/admin/src/style/fix.scss
index 75e9b190..6b598dd6 100644
--- a/src/frontend/admin/src/style/fix.scss
+++ b/src/frontend/admin/src/style/fix.scss
@@ -25,6 +25,10 @@
     --el-menu-horizontal-height: 4rem;
 }
 
+.el-menu--inline {
+    --el-menu-active-color: var(--el-color-primary) !important;
+}
+
 .el-form-item--default {
     --font-size: 1rem;
 }
diff --git a/src/frontend/admin/src/style/media.scss b/src/frontend/admin/src/style/media.scss
index 0d386345..0f2f91d0 100644
--- a/src/frontend/admin/src/style/media.scss
+++ b/src/frontend/admin/src/style/media.scss
@@ -47,10 +47,20 @@
             padding: 0 0.4rem !important;
         }
 
+        .el-pagination__jump {
+            display: none;
+        }
+
         .el-pagination__total,
         .el-pagination__jump,
         .el-pagination__sizes {
-            display: none !important;
+            .el-select {
+                display: none;
+            }
+        }
+
+        .scTable-do {
+            display: none;
         }
     }