feat(frontend): ✨ 手机端分页控件显示总条数 (#124)

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()

src/frontend/admin/src/layout/components/sideM.vue

@@ -132,14 +132,13 @@ export default {
 <style scoped>
 .mobile-nav-button {
     position: fixed;
-    bottom: 1rem;
+    top: 0;
-    left: 1rem;
+    left: 0;
     z-index: 10;
     width: 4rem;
     height: 4rem;
-    background: #409eff;
+    background: var(--el-color-primary);
-    box-shadow: 0 0.2rem 1rem 0 rgba(64, 158, 255, 1);
+    box-shadow: 0 0.2rem 1rem 0 var(--el-color-primary);
-    border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;

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;
 }

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;
         }
     }